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):

[slide]http://imgcrave.com/u/j469D.png[/slide]

Screenshot Mozilla FF5:

[slide]http://imgcrave.com/u/yFBv5.png[/slide]

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: http://79.143.184.10/css2/index.php

Any1 can help?