IE中兩個相鄰div之間的Wierd差距

Question

我在使用div的IE中遇到了麻煩。下面給出了在FF和IE中查看的一組div的兩幅圖像。

你可以看到出現在邊境的地方白線。 我正在動態創建這個div。

<DIV style="WIDTH: 49px" class=ganttview-grid-row-cell sizset="36" sizcache07230265382227504="352"> 
<br/> 
<DIV style="TEXT-ALIGN: center; WIDTH: 11px" class=ganttview-grid-row-cell-partition></DIV> 
<br/> 
<DIV style="TEXT-ALIGN: center; WIDTH: 11px" class=ganttview-grid-row-cell-partition></DIV> 
<br/> 
<DIV style="TEXT-ALIGN: center; WIDTH: 11px" class=ganttview-grid-row-cell-partition></DIV> 
<br/> 
<DIV style="TEXT-ALIGN: center; WIDTH: 11px" class="ganttview-grid-row-cell-partition last"></DIV><br/></DIV> 

上面給出的是動態生成的div代碼。 用於在div定義的類在下面給出：

div.ganttview-grid-row-cell { 
float: left; 

/* IE problem */ 
position:relative; 

/*top: 0; 
left: 0;*/ 
z-index:0; 

}

div.ganttview-grid-row-cell-partition { 
border-right : 1px dotted #6B6659; 
font-size: 150%; 
color: black; 
height: 21px; 
line-height: 120%; 
float : left; 

}

div.ganttview-grid-row-cell-partition.last { 
border-right: none; 
margin-right: 0px; 

}

我有在所有的IE版本該間隙。不知道我要去哪裏錯了。 我確實發現了與此相關的其他問題，並嘗試了所有，但它不工作。對於e.g

1）在頭標籤添加

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8"/> 

。

2）設定位置到絕對

3）餘量填充一切設置爲零。

經過一些測試後再添加一些點。如前所述，這些是動態創建的div，下面給出了jQuery中如何創建它的代碼。

for(var z = 1 ; z <= 4 ; z++) {                   
       $i5MinPartition = jQuery("<div>", 
         { 
        "class": "ganttview-grid-row-cell-partition", 
        "css": { "width": ((cellWidth/4) - 1) + "px", "text-align": "center"} 
         }); 
       if(bgData[count] && bgData[count].workloadValue >= j) { 
        $i5MinPartition.css({"background": "#669900"}); 
       } 
       if(bgData[count] && bgData[count].scheduleAllocationValue >= j) { 
        $i5MinPartition.text('x'); 
       }      
       cellDiv.append($i5MinPartition); 

       count++; 
      } 

這裏的cellWidth是50.現在我發現IE並沒有採用寬度的十進制值，而firefox是採取它。

方程式

（cellWidth/4） - 1

給出FF 11.5而在IE中它是11。

請幫助。

在此先感謝。