IE adds unwanted padding from the edge

[corypark]

I have a div with rounded corner images which are to be... in the corners.
I aligned the left one left and the right one right and specified 0px margin on them and 0px padding for the div, yet IE wants to add about 5px padding from the edge on either side. Is there any way to force them into the corners???

[TheJoshMan]

without knowing more explicitly what you're talking about... the only idea I can offer you is to make sure you "reset" you padding/margin at the beginning of your stylesheet.

Like this...



* {
margin:0;
padding:0;
}

[corypark]

Sorry I don't have the site up anywhere to see the results but basically the two images aren't getting pushed into the corners in IE.. theres about 5px of padding. Can I force the issue?

relevant code:
<div class="header">
<img style="margin:0" src="images/cornerTL.gif" width="15" height="23" align="left">
<img style="margin:0" src="images/cornerTR.gif" width="15" height="23" align="right">

relevant css:
.header {
background-image: url(images/headerBG.gif);
background-repeat: repeat-x;
width: 800px;
height : 172px;
padding: 0;
margin: 0;
}

[TheJoshMan]

I noticed you used the term "relevant" code when posting up that snippet of code. To be quite honest, EVERY bit of your code is "relevant" when troubleshooting an issue. If we cannot SEE the problem in question via a page you have uploaded, then we at least need to be able to copy your code and attempt to "reproduce" the problem.

That small section of code may be what YOU find to be relevant as it may be the only code which explicitly defines any styles towards those images and/or that div... However, there could be ANY NUMBER of possible pieces of your overall code which is causing your problem.

Please post a link to a test page so we can view the issue, or at the very least post up ALL of the code for the page in question so that we may try to reproduce the problem.