Re: Nav and content behaves wierd in IE

[Spunkmeyer]

I would download the firebug addon for FF and look at each of your elements in detail. It will show you exactly how everything is positioned as well as showing you which elements are cascaded throughout the body of the document (so you don’t re-use stuff). Take a look at that and see what everything does.http://getfirebug.com/

The following is my Nav code and CSS. It might help you out.
HTML:

Code:

• Home

• Archives

• Photos

• About

• The List

CSS:

Code:

ul.navlist li h2 a, ul.navlist li h2 a.blue:link, ul.navlist li h2 a.blue:visited, ul.navlist li h2 a.blue:active, ul.navlist li h2 a.blue:hover {
color:#fff;
border-bottom:5px solid #cecece;
}
ul.navlist {
margin:0px;
padding:0px;
list-style-type:none;
position:relative;
display:block;
}
ul.navlist li {
display:block;
float:left;
margin:0px;
padding:0px;
}
ul.navlist li h2 a {
display:block;
float:left;
padding-left:2px;
background-color:#999;
text-decoration:none;
border-left:1px solid #cecece;
width:92px;
height:25px;
}

You can see it in action at http://www.thedailyspunkmeyer.com