I have just launched the new responsive website I've been working on. Thank you all for all your help, it would've been A LOT harder without your guidance, and I really appreciate all the help you've given me.

 

Unfortunately there is now an issue, and its quite major as the drop downs in IE are displaying on two lines. This means that on many monitors they are dropping off the bottom of the screen.

 

Is there a way to force IE to display this on one line? It seems to want to display the width of the drop downs as the same width as the title of each drop down section.

 

http://www.mason-uk.co.uk

 

This is quite urgent as the new site has now been launched.

 

Thanks again

Rich

 

PS Testing in IE8

Edited March 20, 201313 yr by AblazeRich

I managed to make a quick fix by putting in a fixed pixel width for each button in the drop down. Unfortunately this means that the services down the right hand side now extend out past the edge of the page on some resolutions, so could really do with a better solution if anyone has one?

Don't have IE but a quick fix is to drop the point size and weight

 

.nav li li a { font-size:11px; font-weight:normal }