Nav links shows in firefox but not in IE9

[lional]

Hi

I am trying to write a site but my nav links will not show in IE9 but shows perfectly in firefox.

 

I am inserting the code sections

The CSS are as follows

.tail-top { background:url(images/tail-top.gif) left top repeat-x;}
#main {width:916px; margin:0 auto; position:relative;}
#header {height:105px;}
#header, #content, #footer { font-size:0.75em;}
ul { list-style:none;}

.site-nav { padding-top:0px; width:100%; overflow:hidden; color:black}
.site-nav li { font-size:15px; line-height:1.3em; background:url(images/divider.gif) no-repeat right top; padding:0 30px; float:left;}
.site-nav li a { color:#fff; text-decoration:none;}
.site-nav li a:hover,
.site-nav  li a.act { 
color:#84da2e;
}

And the HTML is

 <div class="tail-top">
        <div id="main">
            <!-- header -->
            <div id="header">
                <ul class="site-nav">
                   <li><a href="index.php" class="act">Home</a></li>
                    <li><a href="Lottopoolresults.php">LottoPool Results</a></li>
                    <li><a href="FAQ.php">FAQ</a></li>
                    <li><a href="Contactus.php">Contact Us</a></li>
                    <li><a href="Myaccount.php">My Account</a></li>
                    <li class="last"><a href="Signup1.php">Sign Up</a></li>
                </ul>

Any help will be appreciated

 

Thanks

 

Lional

[cssfreakie]

Not sure what you mean with "links don't show"

I just ran your code (and added 3 closing </div> tags that were missing) and it worked perfectly.

I changed the image though for a background color since i don't have your images.

 

If you have an online example of the stuff you have difficulty with i can have a look what might cause this.