mystery IE margin :( (already eliminated pre-existing ones)

I am putting together a simple interactive page where users can select different options to build the device they are looking at just using javascript, etc.

the link is here:
http://208.179.155.80/customizer.html

if you notice when selecting the "extend" option in IE, big gaps show up around the image. I have all of those image divs with a defined height as tall as the image so there should technically be no gaps.

i have the * {margin:0; padding:0;} added into the css so the pre-defined padding and margins should not exist either.

looks totally fine in firefox but definitely not IE. I'm not a super CSS wiz so I don't know all of the tricks and tips.

Could someone please help me with this?

try another browser maybe.

Have a look here http://www.positioniseverything.net/exp ... ndent.html and see if it helps any. I would have a look through your HTML and CSS if I was on the PC but I'm not, I'm on my nice MacBook <3 where I don't have to worry about the IE stuff, well until it comes to testing later on...