[RESOLVED] FF leaves band of background color on top of div [Archive]

captsig

10-22-2009, 05:43 PM

Greetings forum members,
simple problem: why does FF and Safari leave a band of background color showing at the top of the "textpanel" div and IE does not. I can remove the band by specifying a top:-20px; but this causes the IE display to offset upward and the title disappears (granted I can just move the title down to accommodate for IE) There must be a simple solution for this. Here is the code:

<style type="text/css" >

body {
margin:0px;
padding:0px;
background-color:#E1E183;
font-family: Arial, Helvetica, sans-serif;
}
#textpanel {
position:relative;
background-color:#FFFFFF;
margin: 0px auto;
padding:0px;
width: 800px;
height:800px;
top:0px;
}
</style>

</head>

<body>
<div id="textpanel">
<h3 align="center">HERE IS THE TITLE TO THE PAGE</h3>
</div>
</body>
</html>

Thanks for your expertise
captsig

captsig

10-22-2009, 08:37 PM

Thanks 'rnd me' for your suggestion; I did the following:

h3 {
margin: 0px;
}

that solved the problem (though it doesn't seem quite logical to me....who cares!)
captsig