Annoying offset image problem + how to show categories

[rationalworks.net]

Okay, my website is http://www.rationalworks.net

Here is my CSS (I am sorry for the bad formating, I just copied and pasted right from the plugin set menu…I could not find the CSS in my ftp):

#suckerfishnav {background:#5A4D3C url("../multi-level-navigation-plugin/images/suckerfish_blue.png") repeat-x;font-size:14px;font-family:verdana,sans-serif;font-weight:bold; width:100%;}

#suckerfishnav,

#suckerfishnav ul {float:left;list-style:none;line-height:30px;padding:0px;border:0px solid #aaa;margin:0; width:100%;}

#suckerfishnav a {display:block;color:#dddddd;text-decoration:none;padding:0px 10px;}

#suckerfishnav li {float:left;padding:0;}

#suckerfishnav ul {position:absolute;left:-999em;height:auto; width:151px;font-weight:normal;margin:0;line-height:1; border:0;border-top:0px solid #666666; }

#suckerfishnav li li { width:149px;border-bottom:0px solid #666666;border-left:1px solid #666666;border-right:1px solid #666666;font-weight:bold;font-family:verdana,sans-serif;}

#suckerfishnav li li a {padding:4px 10px; width:130px;font-size:12px;color:#dddddd;}

#suckerfishnav li ul ul {margin:-21px 0 0 150px;}

#suckerfishnav li li:hover {background:#1F3E9F;}

#suckerfishnav li ul li:hover a,

#suckerfishnav li ul li li:hover a,

#suckerfishnav li ul li li li:hover a,

#suckerfishnav li ul li li li:hover a  {color:#dddddd;}

#suckerfishnav li:hover a,

#suckerfishnav li.sfhover a {color:#dddddd;}

#suckerfishnav li:hover li a,

#suckerfishnav li li:hover li a,

#suckerfishnav li li li:hover li a,

#suckerfishnav li li li li:hover li a {color:#dddddd;}

#suckerfishnav li:hover ul ul,

#suckerfishnav li:hover ul ul ul,

#suckerfishnav li:hover ul ul ul ul,

#suckerfishnav li.sfhover ul ul,

#suckerfishnav li.sfhover ul ul ul,

#suckerfishnav li.sfhover ul ul ul ul  {left:-999em;}

#suckerfishnav li:hover ul,

#suckerfishnav li li:hover ul,

#suckerfishnav li li li:hover ul,

#suckerfishnav li li li li:hover ul, #suckerfishnav li.sfhover ul,

#suckerfishnav li li.sfhover ul,

#suckerfishnav li li li.sfhover ul,

#suckerfishnav li li li li.sfhover ul  {left:auto;background:#444444;}

#suckerfishnav li:hover,

#suckerfishnav li.sfhover {background:#5A4C3C;}

The CSS is basically stock. The only thing I did was to edit the .png files to be brown instead of blue (i just named it the same thing so I could not have to recode or w/e). The only thing I have messed with is the margin/size/padding values to try to get it to work for my website.

I am having two problems:
1) When you hover over the menu, and the orange box comes up, it seems to be offet by 1px from the brown background (you can see at the top and bottom where its offset by). How do i fix this?

2)You see the tab "RaW Portfolio"? How can I make that display the content of the category "RaW Projects" instead of the category itself? Besides using the custom option, I need it for another thing + it would be a pain to have to go in and add a new work everytime I finished it.

Thx!

[rationalworks.net]

I fixed the offset a little bit – now its only offset from the top.

Still can’t find a fix for the category thing.

[rationalworks.net]

Okay I did not find a fix, but I just reworked my website’s menu. I wish there was more custom fields…

[imported_Ryan]

Hi,
I suspect your problem is caused by the following tags you have wrapped around the menu:
[code:3oydhbbd]<div id="foxmenucontainer">
<div id="menu">
[/code:3oydhbbd]

[Author]

Posts