Question

I have an unordered list on the left side i use as tabs to change a picture on the right side. The problem i have is that in IE the image is a few pix wider than in all other browsers so it displays below where i need it to be displayed. example here at http://www.widgiteer.com.

BTW the black part is the test image i am using that is the correct size just as a place holder for future images.

I am also having trouble making the left tabs change color on hover but i think that is a different question :/

Answer 1

Make sure you are setting all your margins to zero, since browsers add different padding and margins to their elements. So add a global selector to your css…

* {margin: 0; padding: 0}

also make sure your images have not borders:

img {border: none;}

final solution: Your doctype was set incorrectly.