Hi,
I have the title of my page as an image in a masthead div. There are
margins set to position it in the masthead but IE is rendering the image
with no margin. Or at least it positions it correctly for a split second
then it jumps to the top of the div.
Markup:
<div id="masthead">
<ul>
<li><a href="#">Skip to content</a></li>
<li><a href="#">Accessiblity</a></li>
<li><a href="#">Contact us</a></li>
</ul>
<img src="../img/site_title.png" alt="Patient Narratives" width="396"
height="55" />
<h1>Patient Narratives</h1>
</div>
CSS:
#masthead{
padding-top:0px;
height:128px;
}
#masthead h1{
display:none;
}
#masthead img{
margin:30px 0px 0px 20px;
}
#masthead li{
display:inline;
margin-right:5px;
}
#masthead ul{
padding:5px 0px 5px 10px;
margin:0px 0px 0px 0px;
}
Many thanks
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
