Ваш CSS неправильный, он просто работает в Internet Explorer 6, потому что в нем есть ошибка, из-за которой он обрабатывает .foo.bar
как .bar
Вы ищете .foo .bar
. т.е. "элемент с классом bar, который является потомком элемента с классом foo", в отличие от того, что у вас есть, то есть "элемент с классом foo и bar, таким как <div class='foo bar'>
".