If I use IE or Firefox things are fine but if I use google chrome then it messes up my header fill for some reason. I put the firefox look and then the google chrome appearance to show as an example. I also added the code I use too. Notice the middle section differences.
CSS used:
Code:
#headerFill{
background-image: url(http://www.dvdnextcopysupportforum.com/Downloads/dnclm.jpg);
background-repeat: repeat-x;
height: 120px;
width: 100%;
margin-right: auto;
margin-left: auto;
}
#headerL{
background-image: url(http://www.dvdnextcopysupportforum.com/Downloads/dncll.jpg);
height: 120px;
background-repeat: no-repeat;
width: 468px;
float: left;
margin-left: 0px;
}
#headerR {
background-image: url(http://www.dvdnextcopysupportforum.com/Downloads/dnclr.jpg);
background-repeat: no-repeat;
I also have to use this header template edit too:
Code:
<div id="headerFill"><div id="headerL"></div><div id="headerR"></div></div>
Hopefully this is an easy fix.