sätta class på id

Hej,

Har ett litet dilemma.

Har en generell css-snutt för min container som jag anropar med id="container". För att förändra containern på undersidorna har jag lagt till en class för "det nya".

#container
{
width: 650px;
padding: 0;
margin: 0 auto;
text-align:left;
background:#FBF3EE;
border: 10px solid #f8f8f8;
}

#container.start
{
height:450px;
background:#FBF3EE url(../images/gfx/start_bg.jpg) no-repeat top left;
}

#container.bio
{
background:#FBF3EE url(../images/gfx/bio_bg.jpg) no-repeat top left;
}

Sida 1

<div id="container"> ### </div>

Sida 2

<div id="container" class="start"> Annan bakgrund och fast höjd </div>

Sida 3

<div id="container" class="bio"> Annan bakgrund och flexibel höjd </div>

Detta funkar inte i MSIE. Funkar i FF och Safari.
Kan man inte sätta klasser på ett id likt ovan, eller är det nåt som inte stöds av IE?
Har jag fått det om bakfoten?

Tack på förhand!

Jag har inte kollat deta själv nu, men har du prövat .start#container
För övrigt tycker container borde vara en klass i detta fall, och start/bio olika id.

Så sant som det var sagt!! Ut semantisk synvinkel borde detta vara det bästa.... ska kolla...

Testade .container#start ==> <div class="container" id="start>
vilket inte funkar för mig i MSIE. Formateringen för .container tas inte med.

Löste det genom att plocka bort background på .container. Det blev en kollision med de olika bakgrunderna i respektive ID.

Lösning:

.container
{
width: 650px;
padding: 0;
margin: 0 auto;
text-align:left;
border: 10px solid #f8f8f8;
}

.container#start
{
height:450px;
background:#FBF3EE url(../images/gfx/start_bg.jpg) no-repeat top left;
}

.container#bio
{
background:#FBF3EE url(../images/gfx/bio_bg.jpg) no-repeat top left;
}

Tack för snabbt svar!!! :)

Jag brukar lösa det så att jag sätter ett id på body taggen. och sen utgår ifrån den.

[red]
#container
{
/*[b]här sätter jag de värden som ska gälla alla containers[/b]*/
}
#start #container
{
background:#FBF3EE url(../images/gfx/start_bg.jpg) no-repeat top left;
}
#bio #container
{
background:#FBF3EE url(../images/gfx/bio_bg.jpg) no-repeat top left;
}
[/red]

mv icaaq