I have a site originally designed as a static site http://www.aaro.ca. Recently the customer wanted me to turn the site into a CMS. I have used Wordpress and developed a template similar to their static site, for the moment this site is http://test.liviam.ca

If you go to http://www.aaro.ca then you can see the blue gradient bar beneath the main menu. The relevant css to get the 2px graphic that is stretched to create the bar is:
.stretchbg {
    display: block;
    height: 52px;
    margin-top: -41px;
    width: 100%;

.stretchbg img {
    height: 52px;
    margin: 0;
    padding: 0;
if using I.E. 8 you look at the same bar on the http://test.liviam.ca then the blue bar does not stretch correctly. However on the static site the http://www.aaro.ca site does render correctly on I.E. 8.

In Wordpress, the plugins and so forth use inline css and load css styles on their own that could effect the way this is rendering. However using Firebug the styles that are being applied don't differ between the two sites yet the Wordpress bar looks like it was vertically divided?

Do you think this is CSS related?