[HTML][CSS]Strona się rozsypała Opcje

[-ksersiński-]

Witam. Tworzyłem własną stronę na komputerze z najnowszymi wersjami przeglądarek Mozilla & IE. Robiłem to na localhoscie przez WebServa. Strona wyglądała wtedy dobrze, nic się nie sypało, a gdy wrzuciłem ją na konto www wyglada tak:

http://www.tibiatool.pl/beta/

Czy ktoś może mi powiedzieć z czego to wynika?

[-ksersiński-]

ARKUSZ CSS:

[HTML] pobierz, plaintext 
* {
	margin: 0;
	padding: 0;
}
 
a {color: #682;}
 
a:hover {color: #9A6;}
 
body {
	background: #333 url(img/bg.jpg);
	color: #333;
	font: normal 62.5% "Lucida Sans Unicode",sans-serif;
}
 
p,ul {
	padding-bottom: 1em;
}
 
ul {margin-left: 1.2em; color:#333333}
 
li {list-style: none;}
.main li {list-style-image: url(img/li.gif);}
 
h1 {font-size: 5px; font-family: Tahoma, Verdana; }
 
blockquote {
	background: #FFF;
	border-bottom: 1px solid #EEE;
	border-top: 1px solid #EEE;
	color: #333;
	display: block;
	font-size: 0.9em;
	margin-bottom: 1.2em;
	padding: 6px 12px;
}
blockquote p {padding: 3px 0;}
 
h1,h2,h3 {color: #994;}
 
/* misc */
.clearer {clear: both;}
.main_right .padded {padding: 6px 2px 6px 16px;}
.main .padded {padding: 18px 24px;}
.meta {font-size: 0.8em; color: #666;}
.left {float: left;}
.right {float: right;}
 
/* structure */
.container {
	font-size: 1.2em;
	background: url(img/bgcontainer.gif) repeat-y;
	margin: 0 auto;
	width: 942px;
    BORDER-RIGHT: #222222 0px solid;
	BORDER-TOP: #222222 12px solid;
	BORDER-LEFT: #222222 12px solid; 
	BORDER-BOTTOM: #222222 12px solid
}
.location {
	margin-left: 170px;
	font-size: 9px;
}
 
/* header */
.header {
	float: left;
	width: 942px;
	background: url(img/header.jpg) no-repeat;
	font: normal 2.4em Verdana,sans-serif;
	line-height: 150px;
	text-align: center;	
}
 
/* structure */
.main {
	float: left;
	width: 580px;
	color: #333333;
}
.main_right {
	float: right; 
	width: 250px; /* szerokosc bocznego menu (ze statystykami, itd) */
	color: #CCC;
}
 
/* footer */
.footer {
	background: url(img/bgfooter.gif) repeat-x;
	color: #CCC;
	font-size: 0.9em;
	line-height: 39px;
	width: 100%;
	text-align: center;
}
.footer .left,.footer .right {padding: 0 16px;}
.footer a {color: #EEE;}
.footer a:hover {color: #FAFCB0;}
.topstyl 
{
color: #FFFFFF;
font-family: Tahoma, Verdana;
font-size: 11px;
}
 
/***********************
***  Top Navigation  ***
***********************/
ul#navigation
{
   height: 20px;
   width: auto;
   float: right;
   padding: 5px 0 0 0;
   margin: 0;
}
ul#navigation li a
{
   display: block;
   float: left;
   margin: 0 0 0 4px;
   height: 24px;
   background: #252525;
   color: #fff;
   font-size: 10px;
   font-weight: bold;
   text-decoration: none;
   text-align: center;
   background: #252525 url('img/staticmleft.gif') no-repeat left;
}
ul#navigation li
{
   display: inline;
}
ul#navigation li a span
{
   padding: 6px 5px 0 5px;
   height: 18px;
   display: block;
   float: left;
}
ul#navigation li a:hover
{
   background: #fff url('img/navigation-bg-right.png') no-repeat right;
   color: #000; 
   border: 1px sold;
}
 
ul#navigation li a:hover span
{
   background: transparent url('img/navigation-bg-left.png') no-repeat left;
   color: #000;
}
pole
{
   margin-top: 20px;
}
 
/* import z nowego stylu */
 
img { 
 border: none;
}
 
#rama {
 width: 996px;
 margin: 0 auto;
 text-align: left;
}
 
#menu {
 width: 947px;
 height: 56px;
 float: left;
}
 
#menu a {
 float: left;
 margin: 0;
 padding: 0;
}
 
.a1{
 background: transparent url(img/t_04.jpg) 0px 0px no-repeat;
 width: 160px;
 height: 56px;
}
.a1:hover{
 background: transparent url(img/t2_04.jpg) 0px 0px no-repeat;
 width: 160px;
 height: 56px;
}
 
.a2{
 background: transparent url(img/t_05.jpg) 0px 0px no-repeat;
 width: 94px;
 height: 56px;
}
.a2:hover{
 background: transparent url(img/t2_05.jpg) 0px 0px no-repeat;
 width: 94px;
 height: 56px;
}
 
.a3{
 background: transparent url(img/t_06.jpg) 0px 0px no-repeat;
 width: 104px;
 height: 56px;
}
.a3:hover{
 background: transparent url(img/t2_06.jpg) 0px 0px no-repeat;
 width: 104px;
 height: 56px;
}
 
.a4{
 background: transparent url(img/t_07.jpg) 0px 0px no-repeat;
 width: 113px;
 height: 56px;
}
.a4:hover{
 background: transparent url(img/t2_07.jpg) 0px 0px no-repeat;
 width: 113px;
 height: 56px;
}
 
.a5{
 background: transparent url(img/t_08.jpg) 0px 0px no-repeat;
 width: 114px;
 height: 56px;
}
.a5:hover{
 background: transparent url(img/t2_08.jpg) 0px 0px no-repeat;
 width: 114px;
 height: 56px;
}
 
.a6{
 background: transparent url(img/t_09.jpg) 0px 0px no-repeat;
 width: 97px;
 height: 56px;
}
.a6:hover{
 background: transparent url(img/t2_09.jpg) 0px 0px no-repeat;
 width: 97px;
 height: 56px;
}
 
.a7{
 background: transparent url(img/t_10.jpg) 0px 0px no-repeat;
 width: 121px;
 height: 56px;
}
.a7:hover{
 background: transparent url(img/t2_10.jpg) 0px 0px no-repeat;
 width: 121px;
 height: 56px;
}
 
.a8{
 background: transparent url(img/t_11.jpg) 0px 0px no-repeat;
 width: 137px;
 height: 56px;
}
.a8:hover{
 background: transparent url(img/t2_11.jpg) 0px 0px no-repeat;
 width: 137px;
 height: 56px;
}
 
#statystyki {
 background: transparent url(img/t_13.jpg) 0px 0px no-repeat;
 width: 207px;
 height: 115px;
 float: left;
 padding-top: 35px;
 padding-left: 15px;
 line-height: 16px;
}
 
.bez {
 color: #e2cb92;
}
 
.orange {
 color: #dd7d20;
 font-weight: bold;
}
 
#na_forum img {
 vertical-align: middle;
 margin-right: 5px;
} 
 
#na_forum {
 background: transparent url(img/t_14.jpg) 0px 0px no-repeat;
 width: 490px;
 height: 110px;
 float: left;
 padding-top: 40px;
 line-height: 20px;
 padding-left: 20px;
 font-family: Tahoma, Verdana;
 font-size: 11px;
}
 
#logowanie {
 background: transparent url(img/t_15.jpg) 0px 0px no-repeat;
 width: 175px;
 height: 100px;
 float: left;
 padding-top: 50px;
 padding-left: 40px;
}
 
input {
 background: transparent url(img/t_52.jpg) 0px 0px no-repeat;
 float: left;
 border: none;
 display: block;
 margin-bottom: 5px;
 color: #fff;
}
 
.zaloguj {
 float: right;
 margin-right: 30px;
 margin-top: 10px;
}
 
#menu_left {
 float:left;
}
 
#top {
 background: transparent url(img/header4.jpg) 0px 0px no-repeat;
 width: 976px;
 height: 144px;
 float: left;
}
 
/* boczne nfo */
 
#prawa {
 width: 190px;
 float: left;
}
 
.m2_top {
 background: transparent url(img/t_20.jpg) 0px 0px no-repeat;
 width: 190px;
 height: 29px;
 display: block;
 text-align: center;
 font-weight: bold;
 padding-top: 30px;
}
 
.m2_content {
 background: transparent url(img/t_25.jpg) 0px 0px repeat-y;
 width: 174px;
 display: block;
 float: left;
 margin-left: -1px;
 padding: 5px 25px 0px 25px;
}
 
.m2_end {
 background: transparent url(img/t_29.jpg) 0px 0px no-repeat;
 width: 190px;
 height: 31px;
 float: left;
 margin-left: -1px;
}
[HTML] pobierz, plaintext