ズームインIEが隣接する要素を分割します

Question

ページ上の別の要素に従って位置を計算するいくつかの隣接要素があります。
要素はその要素を囲む必要があります。
問題は、IEでは、ある点までズームすると、周囲の要素の間に1行のピクセルが現れることです。あなたがそのフィドルで見ることができるように

#first { 
    width: 100%; 
    height: 100px; 
    top: 0; 
    left: 0; 
} 

#second { 
    width: 50%; 
    left: 50%; 
    top: 100px; 
    height: 100px; 
} 

#third { 
    width: 100%; 
    top: 200px; 
    left: 0; 
    height: 100px; 
} 

：
https://jsfiddle.net/0vcomjsk/

フィドル内のdivは、前のdivの高さとトップに応じて配置されている：
は、私は問題を示すためにjsfiddleを作成しました赤い要素は、左の四角形を囲んでいます。
ピクチャ：

このページをIEで開き、十分にズームすると、それらのdivの間に空のピクセル行が表示されます。
画像：

Answer 1

divの不透明度を100％に変更して、それらを互いに重なり、すべてを不透明度50％の新しいdivに入れました。 問題を解決しました:)

Answer 2

ピクセルではなく、高さと上部をパーセントで設定してみてください。