I've got a simple little div going with some text inside: HTML:
<div class="slot">
<p class="stext">
<u>3/10/07</u>: This is filler.<br />
<u>3/21/07</u>: This is filler.<br />
<u>3/25/07</u>: This is filler.<br />
<u>3/27/07</u>: This is filler.<br />
<u>3/29/07</u>: This is filler.<br />
</p>
</div>
CSS:
.slot {width:236px;
background:#CCCCCC;
height:100px;
border-top:6px double gray;
border-bottom:6px double gray;}
p.stext {font-size:.8em;
line-height:15px;
padding-left:10px;}
In FF, there seems to be a good amount of padding at the top of the div, but not in IE7.
I assume that the <p> tag is what is applying artificial padding in FF, but it seems to be ignored in IE7? Is there a solution for this? Apparently html>body doesn't work with IE7, as a means of creating seperate padding styles for each browser.
