html: http://roscoecreations.com/exitpro/
css: http://roscoecreations.com/exitpro/css/style.css
View this page in IE6 and you will see the white space IE6 creates between "Small Business, Mid-Size Business and Large Business" and the div below. This problem fixes itself if you mouseover Mid-Size Business or Large Business, but I want it to be fixed the page first loads obviously. I'm really stuck on this one. Any help would be great, thank you.
well the offending html
well the offending html is
and the offending css is
ul#business_nav {
list-style-type: none;
margin: 18px 0px 1px 22px;
font-family: Arial, Helvetica;
font-size: 11pt;
padding: 0px;
}
ul#business_nav li {
float: left;
margin: 0px 20px 0px 0px;
padding: 0px;
}
ul#business_nav li a {
margin: 0px;
padding: 0px;
text-decoration: none;
font-weight: bold;
}
div#small, div#mid, div#large {
clear: left;
/*border-top: 1px #000 solid;*/
width: 600px;
padding: 6px 1px 0px 1px;
text-align: justify;
margin: 0px 0px 0px 22px;
font-size: 10pt;
}
div#small {background: url(../images/business_small_bar.jpg) no-repeat top;}
div#mid {background: url(../images/business_mid_bar.jpg) no-repeat top;}
div#large {background: url(../images/business_large_bar.jpg) no-repeat top;}
I mean right off the bat i see that you have ids for anchor tags, for some odd reason, but the name you give the ids you don't even call in the css
I would start there...
PROBLEM SOLVED
Sorry it looked like the IDs didn't match up but that was because I just figured it out and was uploading the changes accordingly.
The reason this was all happening was that I need all my content on the left side to be wrapped up in a div. Once I added the div everything worked just fine. Thanks for trying to help.