I've been designing my webpage in Firefox 4 (recenty updated to 5) on Debian. I just now went to http://browsershots.org to see how my site looked in other browsers. It turns out my site looks like hell everywhere but on my computer. Even in their Firefox 5 Debian test it looks different.

As seen on my computer: http://www.heathentechnologies.com/i...ebian-live.jpg

As seen on same browser, same OS at browsershots: http://www.heathentechnologies.com/i...ebian-test.jpg

Here is some relevant code:

style.css
Code:
body{
	background-color: #000000;
	background-image:url(../img/htbackground.jpg);
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center;
}
h3{
	color: #c92828;
	background-color: rgba(0,0,0,0.5);
	margin-bottom: 0px;
}
#header{
	height:535px;
	width: 1024px;
}
#intlinks {
	height: 55px;
	margin: 25px auto;
	width: 974px;
	background-color: rgba(0,0,0,.65);
}
#whatis{
	height: 120px;
	width: 1024px;
	text-align: center;
}
index.html
Code:
<body>
<div id="container">
	<div id="header">
	</div>
	<div id="intlinks">
	<!-- Button Code -->
	</div>
        <div id="whatis">
		<div id="article">
			<h3>
                             <!-- Title -->
                        </h3>
			<p>
                             <!-- Text -->
                        </p>
		</div>
	</div>
        <!-- More Stuff -->
</div>
</body>
Any idea why the two shots are different?