Следующий CSS хорошо работает в Firefox, но не работает в браузере IE. Почему?
Кроме того, как я могу сделать так, чтобы CSS воздействовал только на элементы, находящиеся непосредственно под родительским элементом?

CSS:

.box{font:24px;}
.box>div{font:18px}
.box>div>div{font:12px;}

HTML:

<div class="box">
   level1
   <div>
      level2
      <div> level3</div>
      <div> level3</div>
   </div>
   <div>
      level2
      <div> level3</div>
      <div> level3</div>
   </div>
</div>