Having problems with site auto width

A new site I am working on the layout for is giving me fits with the width of the site…


If you visit the site you will see that there are horizontal scroll bars and I for the life of me can’t figure out what’s causing it. Any help would be greatly appreciated, I am sure it’s something obvious I am missing…


The problem is in your drop down menu, you have set your sub ul to 150% width.

ul {    left: 0;

    margin: 0;
    padding: 0.4em 0;
    position: absolute;
    top: 100%;

    visibility: hidden;
    [COLOR=#ff0000]width: 150%;[/COLOR]

    z-index: 9999;


If you hover on Products & Services each sub ul gets wider due to the rule above in red.

Actually you have a sub-menu class <ul class=“sub-menu”> but there are no styles to it. That is where you will need to reset the width