Hello, I got a page with a div element with the following style:
div.content{

position: relative; top:8.5%; left: 40%;
height:91.5%; width:59%;
font-family: "georgia", arial, verdana;
color:black;
background: url(images/gradient2.png);

overflow: auto ;
padding-bottom: 0px;
padding-left:5px;
padding-right:5px;
margin: 0px 0px;
font-size: 90%;
font-weight:normal;

}


The div scales without problems in Firefox 2.x, 3 and Opera, however
in IE7 it just stays "in the same place" when scaling down and does
not shrink properly (it takes more space than the adequate. I have
tried with absolute instead of relative positioning without success. I
have also tried with ems units.

Is there anything I am doing wrong?