Click to See Complete Forum and Search --> : CSS Menu - Different width in browsers


braska23
04-16-2009, 06:00 PM
Hi, I'm having a problem, I'm using the chunk of css code below to make a horizontal menu that I want to run across the 895 px #container that I've created. The menu fits perfectly in IE, but in firefox it overflows the last menu button the next line. How do I get the css menu to be the exact same width in firefox and IE??

Here's the css:

#snav ul

{
float:left;
width:100%;
padding:0px;
margin:0;

list-style-type:none;
}
a
{
float:left;
width:7.9em;
text-decoration:none;
text-align:center;
color:black;
background-color:#eed9ac;
padding:0.2em 0.6em;
border-right:1px solid black;
}
a:hover {background-color:#e7bb5b; text-decoration:underline; color:#9b2f1e}
li {display:inline}

Thanks for looking! :)

lystar
04-17-2009, 08:46 AM
Have a link to the page, or the css for #snav?

Using just the code you posted I can fit 6 link items across an 895px container before the final one wraps to the next line.