Can someone tell me why Firefox displays a space at the top of my design, although I have all margins reset to 0?
HTML:
<html>
<head runat="server">
<link rel="stylesheet" type="text/css" href="css/main.css">
</head>
<body>
<table id="tblContainer" border="3" bgcolor="white">
<tr><td>hello</td> </tr>
</table>
</body>
</html>
CSS:
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
margin:0px;
padding:0px;
background-color:#000947;
min-height:100%;
}
table {
border:0px;
margin:0px !important;
padding:0px;
empty-cells:show;
border-collapse:collapse;
border-spacing:0px;
table-layout:fixed;
display:inline-block;
font-size:1px !important;
}
#tblContainer
{
width:100%;
min-height:100%;
}
HTML:
<html>
<head runat="server">
<link rel="stylesheet" type="text/css" href="css/main.css">
</head>
<body>
<table id="tblContainer" border="3" bgcolor="white">
<tr><td>hello</td> </tr>
</table>
</body>
</html>
CSS:
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
margin:0px;
padding:0px;
background-color:#000947;
min-height:100%;
}
table {
border:0px;
margin:0px !important;
padding:0px;
empty-cells:show;
border-collapse:collapse;
border-spacing:0px;
table-layout:fixed;
display:inline-block;
font-size:1px !important;
}
#tblContainer
{
width:100%;
min-height:100%;
}
Comment