Top menu Custom CSS-problems

Hi.

I have added some custom CSS to the “Delicious” theme in order to make the logo glide into the top menu.

The problem is that it is blocking some of the menu.

How can i make it go more to the right, so the logo don’t crash?

Here is my custom CSS which I have added:

See my homepage (as it is right now) here: http://bilfotball.no

CUSTOM CSS
#top .nav { float: right; }
#top .nav li { float: right; }
#logo { margin: -34px 10px 0px 0px; padding: 0px; }
#top { background: #064684; }
#logo img { height: 135px; }
#header { border-bottom: 4px solid #064684; }
#top .nav li ul { background: #064684; }
#top .nav a:hover, #top .nav li.current_page_item a, #top .nav li.current_page_parent a, #top .nav li.current-menu-ancestor a, #top .nav li.current-cat a, #top .nav li.current-menu-item a, #top .nav li.sfHover {
background: #1a5993; }
#top .nav li ul li a:hover { background: #1a5993; }

Thanks in advance 🙂