IE specific: getting rid of scrollbars

I have two divs like this

<div style="position:relative; width: 500px; overflow:auto">
         <div style="position:absolute; top:0;left:0;width:100%">
         </div>
</div>

Now the problem in IE i开发者_如何学Gos Scrollbars start to appear unnecessarily for the outer div. Even when i have specified the inner div's width to be 100% it extends more than it is supposed to. Works fine in Firefox, Chrome. IE is causing problems.

Try removing overflow:auto property from outer div

Try specifying a margin-right:-1px for IE only using ConditionalComments ( apply it to the AP'd el )