My problem is, that IE seems to be resizing the height of these items incorrectly... making it function incorrectly in practice.
I have cut down my code and made a simple example of the problem below...
<link rel="stylesheet" type="text/css" href="old.css" />
<div id="testing" class="div_item div_item_car">
/*A floating item */
/* specific item type */
Now, the div named testing contains a gif file that is 16 x 16 pixels ... when run in IE, the top of the icon will be repeated because in actual fact, the div in IE is coming out at a size of 16px by 19px (height) !! even though my CSS specifically makes it 16x16?
Does anyone know the solution to get IE to size that correctly?
I've also noticed that it is doing this in more than one div and so its causing problems when calculating collision detection and drag movement ... pointing out what i'm commonly doing wrong or giving me one solution to solve all the divs at once is strongly preferred?