Simple nav. works in IE, not in FF

I have a simple navigation that works fine in IE, but does not work in Firefox. The links do not work at all - the hover aspect as well as the actual link. Can someone please take a look at my code (I won't post everything, just the CSS and the HTML for the navigation). I did discover - through process of elimination - that this particular piece of CSS is the culprit (I think): left:50%; but I need it to place the nav. links where I want them.

FYI, the doctype is: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

CSS

/* navigation */

#navcontainer {
left:50%;
margin:0 0 0 -59px;
position:absolute;
width:104px;
}

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

#navcontainer a
{
display: block;
padding: 8px;
width: 105px;
background-color: #400000;

}

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

#navcontainer a:hover
{
background-color: #D8C6A6;
color: #400000;
}

HTML

<div id="navcontainer">
<ul id="navlist">
<li><a href="http://www.example.com">Home</a></li>
<li><a href="http://www.example.com/contactus.html">
ContactUs</a></li>
<li><a href="http://www.example.com/aboutus.html">Who Are We?</a></li>
<li><a href="http://www.example.com/services.html">Services / Prices</a></li>
<li><a href="http://www.example.com/portfolio.html">
Portfolio</a></li>
</ul>
</div>

Thank you!

[edited by: jatar_k at 3:18 pm (utc) on Nov. 9, 2007]
[edit reason] please use example.com [/edit]

Simple nav. works in IE, not in FF

kslnor

Marshall

kslnor

encyclo

SuzyUK

Join The Conversation

Moderators and Top Contributors

Hot Threads This Week