another css prob, navigation gets pushed up in IE9

[Chris2k]

Hey.

I'm working on a website right now, and it's almost finished. It looks just like i want it to in FF and Safari and all other browsers, but in IE 9 it pushes the whole menu up.

Screenshot IE9 (assuming its the same in IE 6/7 and 8):



Screenshot Mozilla FF5:



Here's da CSS:

#navbar {
    background: url(site_images/navbar.gif) no-repeat;
    width: 475px;
    height: 34px;
    float: right;
    margin-right: 40px; }

#navigation li {
    list-style-type: none;
    display: inline;
    float: left;
    margin-top: -11px;
    padding-right: 30px; }
    
#navigation a {
    text-decoration: none;
    color:#ffffff;
    font-size: 11px; }

#navigation a:hover {
    background: url(site_images/active.gif) no-repeat;
    text-decoration: underline;
    color: #079bd4; } 

A live view:

Any1 can help?

Chris2k Reviewed by Chris2k on 24th Jul 2011. another css prob, navigation gets pushed up in IE9 Hey. I'm working on a website right now, and it's almost finished. It looks just like i want it to in FF and Safari and all other browsers, but in IE 9 it pushes the whole menu up. Screenshot IE9 (assuming its the same in IE 6/7 and 8): http://imgcrave.com/u/j469D.png Screenshot Mozilla FF5: Rating: 5