differences in IE and Firefox

[chrismonroe]

My lay out is perfect in Firefox but not in IE.

I have 2 differences in the layout of my index page in IE compared to Firefox:

At the end of my page:

In the new products box: one of my product is always outside the box in IE

and the padding of the specials box doesn t appear:

http://www.powerboosters.eu/


I installed the add on called: "internet_explorer_stylesheet_overrides_v1"

But I don t know what to write in my "ie_stylesheet.css" to correct the mistake.

Thanks for your help!

Chris

[Nimbuz]

(Ugh, background color hurts my eyes..)

(Not sure if it would work 100%, but) try this:

#whatsNew {background:#c00; height:auto; height:100%;}

..add it to your stylesheet.css

[chrismonroe]

(Ugh, background color hurts my eyes..)

(Not sure if it would work 100%, but) try this:

#whatsNew {background:#c00; height:auto; height:100%;}

..add it to your stylesheet.css

It works fine!

I just had to remove the part related to the background and the result is perfect.

Thanks a lot for your help Nimbuz.


If you or another zenner has a solution for my second problem It would be helpful. Thanks.

[chrismonroe]

Here is my codes for the center boxes:

.centerBoxWrapper{ margin: 20px 0 0 0; }
.centerBoxHeading{ margin: 0; padding: 5px; text-align: center; }
#whatsNew { height:auto; height:100%;}
#featuredProducts, #specialsDefault, #whatsNew{ border: 1px solid #FF9933; }
#featuredProducts h2, #specialsDefault h2, #whatsNew h2{ margin: 0; padding: 5px; color: #000000; background: url('../images/sklep_4.gif') repeat-x top left #ff690d; border: 1px solid #FF9933; text-align: center; }
.centerBoxContentsFeatured, .centerBoxContentsSpecials, .centerBoxContentsNew{ margin: 10px 0 5px 0; vertical-align: top; }
.centerBoxContentsFeatured a, .centerBoxContentsSpecials a, .centerBoxContentsNew a{ color: #000000; font-weight: bold; }
.centerBoxContentsFeatured a:hover, .centerBoxContentsSpecials a:hover, .centerBoxContentsNew a:hover{ color: #FF9933; }
#upcomingProductsTable caption{ color: #000000; }
#upcomingProductsTable th{ background: #dddddd; padding-left: 10px; }
#upProductsHeading{ color: #000000; }
#upDateHeading{ color: #000000; }
.rowEven{ background: #e7e7e7; border-top: 1px solid #ffffff; }
.rowOdd{ background: #f6f6f6; border-top: 1px solid #ffffff; }
.rowOdd td, .rowEven td{ padding-left: 10px; }