[SOLVED] IE6 adding extra space

[Gleasonator]

Hi all.

 

I'm working on a website that you can find here: http://gleasonator.com/jolivisage2/

 

When viewed in FF3, everything looks perfect so far. But for some reason in IE6 my "content-top" has padding on the bottom which separates it from the rest of the page...

 

Here is my CSS so far:

 

#content-top {
height:6px;
background:#FFFFFF url("images/content_top.gif") repeat-x;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}

#content-top #corner-left {
height:6px;
width:6px;
background:#FFFFFF url("images/content_corner_tl.gif") no-repeat;
float:left;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}

#content-top #corner-right {
height:6px;
width:8px;
background:#FFFFFF url("images/content_corner_tr.gif") no-repeat;
float:right;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}

#content {
background:#FFFFFF url("images/content.gif") repeat-x;
font-family:Arial, Helvetica, sans-serif;
font-size:12pt;
color:#6e6d6d;
height:514px;
margin:0px 0px 0px 0px;
padding:20px 20px 20px 20px;
}

 

And the HTML:

 

<div id="content-top"><span id="corner-left"></span><span id="corner-right"></span></div>
<div id="content">
stuff goes here
</div>

 

Any help would be appreciated.

 

Here is an image:

 

[Gleasonator]

Never mind. I just used a conditional CSS statement that makes the margin -13px.