CSS Menu Help

I have a menu in which I am trying to put together to show cross browsers.

Seems to work ok in IE and then not ok in FF. Or vice versa.

Anyhow here it is:

sfcdesigns.com/fspnew/


Any help? thanks

 

anyone care to help? rep for the helper.

 

Looks the same in both browsers to me?
What is the difference you are seeing in FF and IE?

 

The menu is SLIGHTLY too high or to low in the area it is supposed to be centered in.

It should be centered with the orange arrow.

I believe it looks perfect in IE, but not in FF now... so there may be an error?

 

Oh right i see now, erm i'm still learning myself really but i'd guess you have to add text-align:center; to the css of your menu, and maybe get rid of the margin-top and bottom that you have.

 

i tried that and it didnt work... i am pretty close i think to having it correct... but just cant figure it out.

 

ok $5 to paypal to the person who fixes.

 

One way to get things like this to be vertically centered is to set the containing elements line-height.

So if your background image is 25px high, set the line-height on the list elements to the same.

 

I was able to get it with line height at 15px.