Trouble with sticky fixed menu and image display

[Recruit]

I have a fixed menu as you can see here. The trouble I am having is the image. I can not get get the image to center position, I have tried changing the margin but can not get it exactly right. As well, I want to remove the hover from this menu item, is there a way do to this? Any help appreciated.

Here is the CSS:

\#nav{ background-color: #FFF; position: fixed; width: 100%; top: 0; }
#nav-wrapper{ width: 960px; margin: 0 auto; text-align: left; }
#nav ul{ list-style-type: none; padding: 0; margin: 0; }
#nav ul li{ display: inline-block; }
#nav ul li:hover{ background-color: #333; }
#nav ul li a,visited{ color: #999; display: block; padding: 15px; text-decoration: none; }
<code></code>

[Soren]

Would this not work:

#nav ul li { 
  display: inline-block;
  vertical-align: middle; 
}

If the logo is not a link, how about adding the :hover to nav <a> instead of <li>

[Recruit]

Of course, something simple I missed. Seems to work well, thank you very much.

I changed it to:

\#nav ul li{ display: inline-block; vertical-align: middle; }
#nav ul li a:hover{ background-color: #333; }
<code></code>

[Author]

Posts