This is what it looks like in IE7 and 6, http://www.easylån.no is the address.
<div id="menu"> <ul id="nav"> <li class="page_item page-item-3"><a href="http://xn--easyln-mua.no/forbrukslan" title="Forbrukslån"><span>Forbrukslån</span></a></li> <li class="page_item page-item-5"><a href="http://xn--easyln-mua.no/personlan" title="Personlån"><span>Personlån</span></a></li>
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.
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:
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.
Heres the html (showing that 'living room' should have the style of #xnavmainc):