CSS 3 Pixel IE Problem

[traction]

Hi!
I thought I had sorted the 3 pixel bug by putting in the



.mainfooter {
background: url("images/bottommain.jpg");
background-repeat: no-repeat;
height:21px;
width:458px;
margin-left:158px; }

* html .mainfooter { margin-left:158px; }



but now it works on some pages but the minute my center column expands down past the longest side column it goes back in by 3 pixels.

An example can be found at www.tractionkiting.co.uk/test_site/index.php
on this site you will see the footer on the center column is perfectly lined up in IE, but if you have a look at www.tractionkiting.co.uk/test_site/links.php you will notice it is short by 3 pixels. If I change the CSS up by 3 pixels then the links.php page looks perfect and the index.php looks odd because the footer goes out to the right by 3 pixels.

How can I fix this??

[Rykkers]

Hi Traction,

Check out Eric Meyer's CSS stuff - there is a link on his CSS/Edge (http://www.meyerweb.com/eric/css/edge/) site somewhere that addresses that issue. http://www.alistapart.com/ also addresses CSS issues in depth and at length. I'd steer you directly to it if I could weed through my bookmarks a bit faster :)

[traction]

Hi,
Ye, got it sorted, meant to say I had found the site but forgot :)

O.