Floating inner div in parent

Question

Hello, I have two divs:

    <div id="modalBox" style="position: absolute; 
      border: 1px solid #bababa; 
      width: 400px; height: 
      180px; background-color: #e3e6ca; 
      text-align: center; 
      -moz-border-radius: 6px; -webkit-border-radius: 6px; 
      display: none;">

<div style="background-color: #98002f; 
   background-image: url(*/images/tab_background.gif); 
   color: white; width: 400px; 
   height: 25px; 
   -moz-border-radius-topright: 6px; -moz-border-radius-topleft: 6px; 
   -webkit-border-top-right-radius: 6px; -webkit-border-top-left-radius: 6px;"> 
        <h3>Please, fill the form to confirm your identity:</h3>
</div>

...
</div>

What I get:

How can I make inner(red) div floating top?

Answer 1

first, make sure you reset all element's margins (using a reset css for example), if it stills doesn't work you can try margin-top: -X

Answer 2

Do you mean the 'please, fill the form to confirm your identity' text?

If so, by the looks of the code you have supplied it may by a margin issue from one of the elements within the modalBox. ensure the 'please, ...' div has a margin-top:0;

that may fix it.