Width 100% IE 6 i 7 Opcje

[ahead]

Witam, mam problem z 6 px'selowym białym paskiem po prawej stronie dokumentu w IE, które dodaje go poza szerokością okna, przez co na dole widoczny jest mało estetyczny scroll.

Html wygląda tak:

CODE

<div class="panel"></div>
<div class="mid"></div>

a cssy

CODE

body{
margin:0;
padding:0;
overflow: hidden;
width:100%;
height:100%
}
.panel{
padding-bottom:2px;
width: 100%;
display: block;
float:left
}
.mid{ float: left;margin:0;padding:0;}

div.mid jest głównym kontenerem, którego rozmiar poprawnie ustwia js( div jest równy wielkości okna).

Scroll pojawia się wyłącznie pod IE. Zmniejszenie div.panel width na 99% usuwa scroll, ale jednocześnie tworzy duży odstęp od prawej krawędzi okna dla górnego panelu. Jak można to poprawić/przepisać, aby dostać dokument równy oknu przeglądarki, bez żadnego scrolla.

[spookypld]

jedyny sposób mi znany na ten błąd to ustawić
margin: 0 auto; //wyśrodkuje panel
ponadto width można ustawić z dokładnością do tysięcznych części ułamka