Dostosowanie szablonu pod IE Opcje

[M4rUd41]

Witam,
przekopałem już trochę podobnych tematów na forum, ale nie znalazłem satysfakcjonującej odpowiedzi.
Mam taki dosyć spory problem. Mianowicie strona całkiem się rozjeżdża pod IE. Nie będę się rozpisywał bo za dużo miejsca by to zajęło, sprawdźcie sami: http://getlockerz.pl
I tu pytanie, jak dostosować szablon pod IE?
Oto on:

[CSS] pobierz, plaintext 
@charset "iso-8859-2";
 
html, body {
	background-image:url(images/tlo.gif);
	background-color: #1c0d2b;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #fff;
	margin: 0;
	padding: 0;
}
 
a {
	color:#686868;
	border:0;
	text-decoration:none;
}
 
a:hover {
	color:#999999;
	border:0;
}
 
a:visited {
	color:#686868;
	border:0;
}
#top {
	background-image:url(images/top_03.png);
	background-repeat:repeat-x;
	width:90%;
	height:77px;
	padding-left:5%;
	padding-right:5%;
	overflow:hidden;	
}
 
#nawi {
	float:right;
}
 
#logo {
	float:left;
}
 
#okno_g {
	background-image:url(images/body_14.png);
	background-repeat:repeat;
	width:50%;
	height:37px;
	overflow:hidden;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	padding-top:10px;
}
 
#okno {
	background-image:url(images/body_17.png);
	background-repeat:repeat;
	width:48%;
	overflow:hidden;
	margin-left:auto;
	margin-right:auto;
	padding-bottom:10px;
	padding-left:1%;
	padding-right:1%;
	padding-top:10px;
 
}
 
#stopka {
	background-image:url(images/sotpka_49.png);
	background-repeat:repeat-x;
	height: 61px;
	width:96%;
	position:fixed;
	bottom:0px;
	filter: alpha(opacity=70); 
	-moz-opacity: 0.7;
	opacity: 0.7;
	padding-left:2%;
	padding-right:2%;
}
 
#stopka_logo {
	float:left;
}
 
#up {
	float:right;
}
 
#wyslij {
	background-image:url(images/button.png);
	width:93px;
	height:30px;
	border:0;
	background-repeat:no-repeat;
	font-size:10;
}
 
#textbox {
	background-image:url(images/textbox.png);
	width:181px;
	height:24px;
	border:0;
	background-repeat:no-repeat;
	color:#fff;
	padding-top: 5px;
	padding-left:3px;
	font-size:10px;
	font-weight:bolder;
}
 
#kat {
	float:left;
	width: 199px;
	border:0;
	margin-left:1px;
	margin-right:1px;
}
 
#naglowek-nag {
	background-image:url(images/ng_tlo.gif);
	background-repeat:repeat-x;
	width:199px;
	height:34px;
	text-transform:uppercase;
	font-weight:bold;
	font-size:15px;
	text-align:center;
	text-decoration:none;
	border-color:#000;
	border:1px;
	padding-top:8px;
}
 
#obrazek-nag {
	width:199px;
	border-color:#000;
	border:1px;
}
 
#nagrody1 {
	margin-left:0 auto;
	margin-right:0 atuo;
	text-align:center;
	width:606px;
}
 
#kom_poz{
	color:#00FF00;
}
 
#kom_neg {
	color:red;
}
 
#langmenu {
	width:95%;
	height:23px;
	background-image:url(images/lang_tlo.png);
	background-repeat:repeat-x;
	border:0;
	font-size:10px;
	font-weight:bolder;
	padding-left:5%;
	padding-top:8px;
}
 
#lang {
	width:60px;
	float:left;
	text-align:right;
}
 
#lang_f {
	float:left;
}
 
#stopka_tekst {
	width:73%;
	float:left;
	text-align:center;
	font-size:10px;
	font-weight:bolder;
	margin-left:0 auto;
	margin-right:0 auto;
	padding-top:20px;
}
 
#kontakt {
	float:right;
	text-align:right;
}
[CSS] pobierz, plaintext 

Z góry dzięki za pomoc (IMG:style_emoticons/default/smile.gif)

Powód edycji: [Ociu]: Poprawiłem bbCode

[sebastiankozub]

id to id a klasa to klasa... nie mozna mieszac obu a jak masz style zapisane powiedzy tak:
#przyklad
{
...
}

to jak dasz class="przyklad" to i tak przgladrka tych stylow nie zastosuje bo style klas definiuje sie :

.przyklad
{
...
}

ten sam id moze miec tylko jeden element na stronie!
jednak moze byc wiele elementow tej samej klasy ;-)