Problems with H1, H2 etc in Explorer

[Guest ElectricStudio]

Hi all, thanks for looking. I'm having a slight issue with background colors on H1 and H2 in Explorer. The CSS code works fine in another website in both Firefox and Explorer, but when used in Cube Cart, it only works in Firefox.

This is the CSS code:

H1 {

background-color:#fcc;

padding:3px 0 3px 10px;

margin:10px 0 10px 0;

font-size:13pt;

color:#900;

}

h2 {

background-color:#eee;

padding:3px 0 3px 10px;

margin:10px 0 10px 0;

font-size:11pt;

color:#333;

border-bottom: 1px solid #ccc;

}

And it's the background color I'm seriously not understanding the issue with...

Is there a conflicting CSS that I'm unaware off?

Thank you for any help!

Updated

I have tried solving it by adding a background image;

H1{

background-color:#fcc;

padding:3px 0 3px 10px;

margin:10px 0 10px 0;

font-size:13pt;

color:#900;

background-image: url(../styleImages/backgrounds/h1background.gif);

background-repeat: repeat-y;

}

H2{

background-color:#eee;

padding:3px 0 3px 10px;

margin:10px 0 10px 0;

font-size:11pt;

color:#333;

width:362px;

border-bottom: 1px solid #ccc;

background-image: url(../styleImages/backgrounds/h2background.gif);

background-repeat: repeat-y;

}

This seems to work from time to time, really strange...