Hello,
It seems that PIE is ignoring the margin-top (margin: 10px auto) as it jumps right against the previous element after the border is loaded. Any ideas as to why?
Here's the sample code:
I guess it has something to do with meyer reset css?
If the first section is not present (meyer reset), then it works fine in ie7/6. If it is, it goes straight to the top and ignores the margin.
Wesley
<!doctype html>
<html>
<head>
<style type="text/css">
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
body {
line-height: 1;
}
body {
background:green;
}
#wrap {
background:yellow;
margin:10px auto;
padding:10px;
width:728px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
-khtml-border-radius:10px;
border-radius:10px;
-moz-box-shadow:0 0 20px #CCC;
-webkit-box-shadow:0 0 20px #CCC;
-khtml-box-shadow:0 0 20px #CCC;
box-shadow:0 0 20px #CCC;
border:1px solid #ccc;
behavior: url(PIE.htc);
}
</style>
</head>
<body>
<div id="wrap">TESTING</div>
</body>
</html>
Forums
