IE specific: getting rid of scrollbars

Question

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 is 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.

Answer 1

Try removing overflow:auto property from outer div

Answer 2

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