Menu position in IE7 shifts to the right

www.pcshub.com is the website. The menu looks great in IE8 but in IE7 the menu is shifted to the right about an inch into the body of the webpage.

the problem is caused by the text-align: center; applied to the .thrColFixHdr #sidebar1

.thrColFixHdr #sidebar1 {
float: left; /* since this element is floated, a width must be given */
width: 180px; /* the background color will be displayed for the length of the content in the column, but no further */
padding: 5px; /* padding keeps the content of the div away from the edges */
background-color: #FFF;
margin-left: 0px;
text-align: center;
}


add a div around the menu, use an inline style to align the text to the left:
<div style="text-align: left;">
<menu code>
</div>


then edit the CSSMenuWriter/cssmw/menu.css file.


change:'ul#cssmw {
cursor: default;
list-style-type: none;
margin: 0 0 0 0;
padding: 0 0 0 0;
width: 0;
}


to:
ul#cssmw {
cursor: default;
list-style-type: none;
margin: 0 0 0 0;
padding: 0 0 0 0;
width: 0;
text-align: center;
}

I applied your patch verbatim with copy and paste editing. The behavior is exactly the same as it was.

My first attempt had all of the revisions intact but the menu.css had not been saved when the template modifications were applied to all of the webpages. I reapplied the template and it is working as it should in both ie8 and ie7. Thanks

glad to hear it is working.