Spacing issues with Price, Attributes & Add to Cart block. - FireFox GOOD - IE BAD!

Hey Guys,

I'm having a CSS issue between IE & FireFox.
On products that have additional attributes, i'm getting large gaps and spaces in Internet Explorer. Looking at the same product in FireFox is fine and shows the result i want.

Here are two example -
http://www.mojodirect.com.au/office-chairs-1/leather-office-chairs-2/prestige-executive-leather-office-chair-8.html

http://www.mojodirect.com.au/mojo-deals-8/mojo-magic-bottle-opener-free-delivery-40.html

*Note it only appears to be happening if the product has Attributes.

I also noticed with the additional images, in FireFox the images are side by side, in IE the images are on top of each other.

I know this has something to do with my CSS, but i can not for the life of me figure out what it is exactly. I use Web Developer for FireFox - so playing with CSS is alot easier - is their anything similar for IE?

#productAttributes {
	margin-left: 160px;
	width: 200px; 
        height: 60px;
}

#cartAdd {
	margin-left: 160px;	
	padding: 1em;
	width: 200px;
	}

#productPrices {
	margin-left: 160px;
	width: 200px;
	}

My Stylesheet

Any help with this problem and cleaning up this code would be much appreciated.

Did you ever get an answer to this? I am having the same problem. Most of my traffic uses IE, so it would be nice if we could figure this out...