I would like to know if I can seperate .centerBoxHeading, from .leftBoxHeading, .centerBoxHeading, .rightBoxHeading {
margin: 0em;
background-color: #abbbd3;
background-image: url(../images/tile_back3.gif);
padding: 0.5em 0.2em;

Basically I want .centerBoxHeading to look a little different from left and right. I attempted to seperate it like this

.centerBoxHeading, {
margin: 0em;
background-color: #abbbd3;
background-image: url(../images/tile_back.gif);
padding: 0.5em 0.2em;
}

.leftBoxHeading, .rightBoxHeading {
margin: 0em;
background-color: #abbbd3;
background-image: url(../images/tile_back3.gif);
padding: 0.5em 0.2em;

But centerBoxHeading wouldn't show at all in FF or Opera, and messed up my login box in IE ( though it does work otherwise )

Thanks in advance!