I played with the width and fixed it with this code:

div#dropMenu li {
position:relative;
list-style:none;
margin:0;
float:left;
line-height:1em;
width:auto;
margin-right:1.2em;
padding-left: .85em;
*padding-left: .45em;

}

Now I am having a problem with the drop down menus. The background color is not filling in the entire space. There is a weird clear gap to the right in IE and Firefox when the boxes drop and then a gap on the left on hover.

Any suggestions would be appreciated.

Cheers,

Jackie