Hey Everyone i just got done doing Kristophers excellent tut on using drop shadows over a patterned background and it looks great in Internet Explorer it centers perfectly but as soon as i open Firefox or netscape and test it, it completely blows out to the left as you can see in the picture:
This is the HTML code im using:
<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN”>
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv=“Content-Type” content=“text/html; charset=iso-8859-1”>
<link href=“css.css” rel=“stylesheet” type=“text/css”>
</head>
<body>
<div>
<center>
<table width=“250” height=“800” border=“0” cellspacing=“0” cellpadding=“0”>
<tr>
<td><font size="+6">Whats up</font></td>
</tr>
</table>
**</center>
</div>
**</body>
</html>
And the CSS script:
/* CSS Code */
body {
background: #0B9BFF;
margin: 0;
}
div {
background: url(back.jpg) repeat-y #FFF;
background-position: center
width: 3000px;
height: auto;
margin: 0 auto;
}
Does anyone know what im doing wrong or if there is any way i can fix this?
Any help would be greatly appreciated.
Thanks,
Chris