IE Strikes again

[chronister]

I am havin a little trouble with a menu in IE. The same ol song and dance.. FF displays correctly, IE don't.

 

Since I cannot attach a screenshot, then you can go to www.kelseyhoyle.com to see it. Remember to view in IE

 

You can see the extra space that I wanna get rid of.

 

 

 

CSS Code.

 

#sbinav {
width: 165px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
font-family: Tahoma;
font-size: small;
font-weight: bold;
background-color: #FFE0EE;
border-top: 1px solid #FFCCE2;
border-right: 1px solid #FFCCE2;
border-left: 1px solid #FFCCE2;
margin-top: 0px;
}
#sbinav ul {
margin: 0px;
padding: 0px;
list-style-type: none;
}
#sbinav ul a {
background-color: #AE1581;
display: block;
color: #FFFFFF;
text-decoration: none;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 10px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #FFCCE2;
}
#sbinav ul a:hover {
background-color: #FFCCE2;
background-image: url(/images/star.gif);
background-repeat: no-repeat;
background-position: 7px center;
color: #f06ea9;
padding-left: 30px;
}
#content .left #navTop {
height:10px;
background-image: url(/images/navTop.jpg);
width: 165px;
padding: 0px;
border: none;
margin:auto;
background-repeat: no-repeat;	
}

 

HTML

 

<div id="navTop"></div><div id="sbinav"><ul><li><a href="#">Home</a></li><li><a href="#">About Me</a></li><li><a href="#">Pictures</a></li><li><a href="#">Ask Kelsey</a></li><li><a href="#">Fun Stuff</a></li><li><a href="#">Contact Me</a></li></ul>
        </div><div id="navBottom"></div>

 

Sorry it's run together. IE displays spaces in between if I don't do it this way.

 

effin IE. I hate that sumbitch.

 

Thanks for the help folks.

 

nate

[haku]

Since I cannot attach a screenshot, then you can go to www.kelseyhoyle.com to see it.

 

I much prefer a link over a screenshot any time. Screeshots cannot be manipulated to find out what the problem is. Links can.

 

You can see the extra space that I wanna get rid of.

 

Sorry, I don't see it. What exactly is the problem?

[chronister]

Right above the home link. There is a rounded corner image. When I view it in IE, there is a gap of about 25-35 pixels between the link and the button.

 

Firefox shows fine, but IE don't. I am running IE 6, and have not tested in IE7.

 

Thanks for your help here

 

Nate

[haku]

Its ok in IE7. I don't have IE6 on this PC, so I cant check it on that.

 

Download and install the Internet Explorer Web Developer Toolbar, and examine it with that. Maybe you can find your problem there.