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-...e-chair-8.html
http://www.mojodirect.com.au/mojo-de...livery-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?
PHP Code:
#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.