
Interesting - top margins and ie6
Hi all,
Found an interesting issue:
Whenever I have an element with 'margin-top:x' (where x > 1px) as the first element in a rounded container with padding-top and a border there is a gap at the bottom between the background color and the border.
Not sure why this is happening, looking at the shapes with the dev toolbar they have equal heights. Example code below:
Code:
<div style="background:#fff;border:solid 1px #000;border-radius:4px;behavior:url(PIE.htc);padding-top:10px;">
<h1 style="margin-top:10px;">Example</h1>
</div>
Any ideas appreciated!
~S
edited to be more specific about padding