I used this theme on a test site and it worked GREAT. But as soon as I moved it to the live site (http://dowsett.ca) there is a 1 pixel shift in the right corners as well as a line at the bottom of the sidebar blocks.

And...it's only in Firefox (I use v3 on Mac) - Safari is fine.

I cleared cache...I even restored a fresh copy of the theme as well.

Any ideas?

Comments

mdowsett’s picture

mdowsett commented
Status: Active » Needs review

i found it was the background colours (orange and the medium-grey) that were sticking out behind the corners. I set their widths to 887px (less 1px) in both their sections and it solved it (in FF and Safari).

I just added the 'width' lines in these sections

.clearfixHead{
display: inline-block;
background-color: #FF8800;
width:	887px;}

.clearfix{
display: inline-block;
background-color: #737373;
width:	887px;
}

I'm not sure if this is the right thing to do, but it worked for me!

I'll flag it as a 'patch - needs review' and the owner can decide what to do with it.