CSS - 类选择器在 IExplorer 中不起作用

Question

我动态地创建了以下 div 结构:

<div id=Box>
   <div id=outer>
       <div id="inner1" class="split_right">
          some 
       </div>
       <div id="inner2" class="split_left">
          some 
       </div>
          .....
          .....
       <div id="inner(n)" class="split_right">
          some 
       </div>
       <div id="inner(n+1)" class="split_left">
          some 
       </div>

   </div>
</div>

div 的数量取决于一个数组中传递的 s 的数量。问题是，我想像这样给 split_right 和 split_left 一个 css 规则:

.split_left {
float: left;
margin: 0px 10px 5px 10px;
}
.split_right {
float: right;
margin: 0px 10px 5px 10px;
}

这在 chrome 和 safari 上工作正常，但在任何 IE6+ 上都不起作用

我做错了什么？？

更新

这就是我想要做的:

http://postimage.org/image/g2t4qsq4v/

外层 div 的固定宽度等于 2*内层 div 宽度 + 50pixels，这样 2 就可以放在同一行。

Answer 1

试试这个:

<div id=Box>
   <div id=outer>
       <div id=inner1 class="split_right">
          some image
       </div>
       <div id=inner2 class="split_left">
          some image
       </div>
          .....
          .....
       <div id=inner(n) class="split_right">
          some image
       </div>
       <div id=inner(n+1) class="split_left">
          some image
       </div>

   </div>
</div>

你忘了引号