CSS List Nav seperate li classes rollover images centered

After much reading and googling and trying the past few days Ive now resorted to my last call of port.. Ask for help.

I have a horizontal nav bar design with 7 buttons, it is a simple rounded rectangle design with a gradient through the image. So the ends are round and the middle buttons are straight rectangles.

Therefore I need 3 li classes to work correctly the first button class being Home the following buttons class being middle and the last button class being contact.

Here is the XHTML for the list.

Body div pushed down

Hi,
the "wrapperBody" is being pushed down from the menu bar in this site. I've validated the site and only 3 errors, and I can't identify why this is happening. Is this because of my footer positioning maybe?
The site is:
http://primebarwayland.com/test2/entrees_menu.php
Thanks!

Drop Down Menu

Hi,
I copied html, css and js in hopes of making one of my menu links include a dropdown of 4 links... I've tried several changes and do not see why it's not working... is there something else I need to do??

Thanks

Inheritance Issue for CSS Rollover

Ive got an ul for the main navigation for a site nested in a div.

All I want to do is for the li that represents the current page to assume the rollover styling. The only way I can get that to work is to place the entire styling in a style tag which shouldn't be the done thing. Placing the css code in a class or a div tag does not work.

I know I'm doing something fundamentally stupid but wish I could see it!

Any help would be appreciated.

Regards,
Numb

Heres the html (showing that 'living room' should have the style of #xnavmainc):

<div id="navmainc">

CSS Menu Drop Down

Right now I have my drop down menu up and working. However, the when you hover over the <ul> it disappears when you hover over a <li> I would like it to stay.

Here is a link to see. http://www.tomroof.com/test/test.html

Syndicate content