Could someone please work out what's happening here, and how I could fix it? I'm testing this page in IE6, IE7, FF and Chrome, and it works in everything but IE6. In that, there is a small gap between the edge of the chickens picture and the div it's in.
I hate IE6.
This may be the "three pixel jog" bug that shows in IE6 but not later versions of IE. See http://www.positioniseverything.net/explorer/threepxtest.html for example.
Lots of inconsistencies between browsers can be circumvented by using a CSS reset
I use the Meyer Reset method.
However, another option is the Yahoo YUI method.