# \[CSS\] Drop Shadow Over Pattern wont center in FireFox

**URL:** <https://forum.kirupa.com/t/css-drop-shadow-over-pattern-wont-center-in-firefox/166604>\
**Category:** web dev\
**Created:** [October 21, 2005, 8:08am UTC](https://forum.kirupa.com/t/css-drop-shadow-over-pattern-wont-center-in-firefox/166604 "2005-10-21T08:08:38Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![Solidus](https://avatars.discourse-cdn.com/v4/letter/s/c5a1d2/32.png) [@Solidus](https://forum.kirupa.com/u/Solidus)\
**Post date:** [October 21, 2005, 8:08am UTC](https://forum.kirupa.com/t/css-drop-shadow-over-pattern-wont-center-in-firefox/166604/1 "2005-10-21T08:08:38Z")

</div>

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
