I am working with this css style:

http://www.dynamicdrive.com/style/la...-frame-layout/

and the first line (no matter what I change) is always 20px (or so) from the top of the frame (like there was a 20px padding). I set the margin to 0, but still no luck. Is there anyway to work in the 'framecontent' so I can utilize all of the space?

I am looking to add a thin menu bar within the 'framecontent'. I cannot get the graphics or text to center nicely. For example:

<style type="text/css">

body{
margin: 0;
padding: 0;
border: 0;
overflow: hidden;
height: 100%;
max-height: 100%;
}

#framecontent{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 30px; /*Height of frame div*/
overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
background-color: navy;
color: white;
}


#maincontent{ position: fixed; top: 30px; /*Set top value to HeightOfFrameDiv*/
left: 0; right: 0; bottom: 0; overflow: auto; background: #fff ; visibility: visible;url('(EmptyReference!)');
}

.innertube{
margin: 0; /*Margins for inner DIV inside each DIV (to provide padding)*/
}

* html body{ /*IE6 hack*/
padding: 30px 0 0 0; /*Set value to (HeightOfFrameDiv 0 0 0)*/
}

* html #maincontent{ /*IE6 hack*/
height: 100%;
width: 100%;
}

</style>


<div id="framecontent">
<div class="innertube">
<p align="center"><font color="white"><strong><img src="onebit_41.png" alt="" height="24" width="24" border="0" /></strong></font></p>
</div>
</div>