positioning navcontainer

[liunx]

Hi

I am having a problem with a page and the navcontainer.

I have put the #navcontainer within a box (on left)

The view is ok in IE but in Mozilla the rollovers are outside the box ?

Here is my code: I hope you can help please, am I completely off track


----------------------CSS---------------------------------


#hutleft
{
position: absolute;
width: 140px;
top: 164px;
left: 12px;
padding: 0px;
border: #ccc 3px outset;
}
#navcontainer { width: 140px; }

#navcontainer ul
{
margin-left: 0;
padding-left: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
}

#navcontainer a
{
display: block;
padding: 3px;
width: 140px;
background-color: #c7c8bc;
border-top: 2px outset white;
border-right: 2px outset white;
border-bottom: 2px outset #eee;
border-left: 2px outset white;
text-align:left;
}

#navcontainer a:link, #navlist a:visited
{
color: #white;
text-decoration: none;
}

#navcontainer a:hover
{
background-color: #aaaaaa;
color: #fff;
}

-------------------------------- HTML----------------

</DIV>
<div ID=hutleft>
<div id="navcontainer">
<ul id="navlist">
<li><a href=http://www.webdeveloper.com/forum/archive/index.php/"About.html" title="">About</a></li>
<li><a href=http://www.webdeveloper.com/forum/archive/index.php/"debate.html" title="">debate</a></li>
<li><a href=http://www.webdeveloper.com/forum/archive/index.php/"ethicist.html" title="">Ethics</a></li>
<li><a href=http://www.webdeveloper.com/forum/archive/index.php/"books.html" title="">books</a></li>
<li><a href=http://www.webdeveloper.com/forum/archive/index.php/"Sam.html" title="">Sam</a></li>
<li><a href=http://www.webdeveloper.com/forum/archive/index.php/"Blog.html" title="">Blog</a></li>
<li><a href=http://www.webdeveloper.com/forum/archive/index.php/"" title=""></a></li>
<li><a href=http://www.webdeveloper.com/forum/archive/index.php/"" title=""></a></li>
<li><a href=http://www.webdeveloper.com/forum/archive/index.php/"" title=""></a></li>
<li><a href=http://www.webdeveloper.com/forum/archive/index.php/"" title=""></a></li>
</ul>
</div>
</DIV>

------------------------------------------------------------------
Take these out :

#navcontainer { width: 140px; }
#navcontainer a{ width: 140px; }Change:

#navcontainer ul
{
margin: 0;
padding: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
}

Change in #navcontainer a width:130px;
You did not take the border widths into account.Hi Fang

Appreciate your advice -- why didnt see I it

Really appreciate your response, looks and feels cleaner now, I cant get into Mozilla now my free ride has finished ( Browsercam)---

I dont know if you know ? butif i Download Firefox is that mozilla ?, can i direct it to a folder on my desk top I only want it to check pages ??

Thanks so muchFirefox is just the browser. Mozilla imore than a browser; e-mail client (html) editor and more.
You can browse locally or the internet with Firefox or Mozilla.