Highlight active menu item

Hi All,

I am using the below css for my menu items. The selected items should be highlighted. Can anyone correct the css.

#menu ul {
  margin: 0;
  padding: 7px 6px 0;
  background: #b6b6b6 url('/Images/Overlay.png') repeat-x 0 -110px;
  line-height: 100%;
  border-radius: 1em;
  font: normal 0.5333333333333333em Arial, Helvetica, sans-serif;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
width 100%;
#menu li {
  margin: 0 5px;

Website shows in Firefox but not in IE8 - Please help!

Hi there,

I am desperate to sort this issue out, and I cannot see what the issue is.

The site seemed to work fine until the other day when I swapped the navigation at the top of the site for rollover images.

Since then, it seems to have stopped working!

I have tried to delete all of the script out that was responsible, and just replaced the navigation with simple image files again, but it doesn't seem to be working in IE8.

Can anyone please specify the exact cause?

I am a total beginner, and any help would be appreciated.

website: www.dampguardandplastering.co.uk

Syndicate content