Another pebble in the direction of IE6: D

Today I came across this, and for a long time I could not understand what was the matter. The fact is that IE6 does not match the id.class selector for more than one, but at the same time, the child selectors through such declarations.

Picture:


Living example
')
How so?

<! DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd" >
< html lang ="ru" >
< head >
< meta http-equiv ="content-type" content ="text/html;charset=utf-8" >
< title > Ie bg test </ title >
< style type ="text/css" >
#testbg {
width:200px;
height:200px;
}

#testbg.blue { /* IE */
background:blue;
}

#testbg.red { /* , - :D */
background:red;
}

#testbg.green { /* , - :D */
background:green;
}

#testbg.red p {
color:blue;
}

</ style >
</ head >
< body >
< div id ="testbg" class ="red" >
< p >
IE6 , , , . , :D
</ p >
</ div >
</ body >
</ html >

* This source code was highlighted with Source Code Highlighter .