Wonder if anyone can quickly help! The menu on ie7 is not right - http://www.lloydsolutions.co.uk/dinenorthants/

 

Thanks!

for the <li> try adding display:block to the css

You need to change the anchor tag inside the list-items from display: block; to inline-block.

You will still have some style issues but not much and I'm sure you'll be able to fix them yourself.

Hmm think i added it to the right place and it hasnt changed. Any ideas?

Hmm think i added it to the right place and it hasnt changed. Any ideas?

 

On my iPhone so can't see any source code but are you using conditional comments to specify a stylesheet for IE 7? If not it's worth a google.

 

I could be way off the mark because I can't see what the problem is atm.

 

Edit: yes, way off. Sorry! Just had a look and you are using conditional comments. What's the actual problem?

Edited March 9, 201115 yr by iKane

This should work I renamed your menu div to topmenu

 

.topmenu{
float:left;
margin:0;
padding:0;
font-size:16px;
width:980px;
position:relative
z-index:5;
}

.topmenu li a, .topmenu li{
float:left;
}

.topmenu li{
list-style:none;
position:relative;
background:#2383c6;
border-right:2px solid #fff;
}
.topmenu li a{
padding:8px 19px;
height:24px;
background:#2383c6;
color:#fff;
text-decoration:none;
}

.topmenu li ul{
display:none;
position:absolute;
left:0;
top:100%;
margin:0;
padding:0;
}

.topmenu li:hover > ul{
display:block;
}

.topmenu li ul li a,.topmenu li ul li{
display:block;
border-top:1px solid #fff;
width:130px;
}
.topmenu a:hover{
background:#d22229;
}

 

 

Wont need any conditional comments also try removing the width from the #search

Thanks!