Horizontal Navbar

[Wolphie]

I'm not too sure where i've gone wrong because i've never really created an entire div layout. So this is a learning experience.

IE has yet again let me down, it looks and works fine in FF.

 

FF Shot:

 

IE Shot:

 

CSS:

div#navbar {
background: url('../images/nav_bg.png') repeat-x;
text-align: left;
color: #FFFFFF;
padding-top: 1px;
padding-bottom: 1px;
}
div#navbar ul li { display: inline; }
div#navbar ul li a {
text-decoration: none;
color: #FFFFFF;
padding: 10px;
}
div#navbar ul li a:hover {
background: #333333;
border: 1px solid #000000;
color: #FFFFFF;
text-decoration: none;
}

 

HTML:

<div id="navbar">
<ul>
<li><a href="index.php">Home</a></li>
<li><a href="#">Latest</a></li>
<li><a href="#">Community</a></li>
<li><a href="#">Members</a></li>
</ul>
</div>

[michaelsmyth88]

try ans specify the height of the #navbar, or at least a min-height, as IE will not expand to your content correctly.

[haku]

min-height doesn't work in IE6 (or so they say), so it should probably be avoided.

 

Got a link to your page? I'll take a look at it if you do.