I've made a noddy pair that show what I mean. This html...
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv = "Content-Type" content = "text/html; charset=ISO-8859-1">
<link REL=StyleSheet HREF="prv.css" TYPE="text/css">
</head>
<body>
<table class="top">
<tr>
<td>Test</td>
</tr>
</table>
</body>
</html>
... with this stylesheet...
Code:
body {background-color: #ffff00;
margin-top: 0;
margin-bottom: 0;
margin-left: 0;
margin-right: 0}
table.top {color: #ff0000;
margin-top: 0;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
border-color: #00ffff;
border-width: 8px;
border-style: solid;
width: 700px;
height: 50px}
... gives this with IE and FireFox, and this with Opera 7. Note with Opera, there is a yellow border above and to the left of the cyan table frame. If you edit the style sheet to use -8px for margin-top and margin-left for the body element, Opera looks right, but IE and FireFox now look wrong.