CSS für jeden Browser kompatibel machen

[m3ndaX]

Hallo ich habe problem:

body
{
background-color:#F00; /*Rot*/
}

#test
{
height:200px;
width:200px;
margin:400px;
background-color:#000; /*schwarz*/
}

*html #test
{
height:200px;
width:200px;
background-color:#FFF; /*weiß*/
}

*+html #test
{
height:200px;
width:200px;
background-color:#FFF; /*weiß*/
}


eigentlich sollte nun in Firefox ein roter hintergrund mit schwarzen viereck kommen, und im Internet Explorer ein roter hintergrund mit weißem viereck...

In firefox funktioniert es, aber im Internet Explorer kommt auch ein roter hintergund mit schwarzem viereck, wo liegt der fehler?

schonmal danke für die hilfe