Reputation: 2025
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 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 :/
Upvotes: 1
Views: 83
Reputation: 5967
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.
Upvotes: 2