Helpt with some CSS code

[Adrian111]

Hi all, i having some problem with a css code..
I works good on Firefox but in IE is relly bad, where is the problem?

Thanks in advance.

* {
    margin: 0;
    padding: 0;
}

body {
    background: #f4bd27 url('images/background__ornoment.png');
    color: #323232;
    font: 11px verdana;
    padding: 25px 0;
}
div.background__gradient {
    background: url('images/background__gradient.png') repeat-x;
    height: 800px;
    min-height: 1px;
    width: 100%;
    margin: -25px 0 0 0;
    position: absolute;
    z-index: -9999;
}

a {
    color: #323232;
    border-bottom: 1px dotted #969696;
    text-decoration: none;
}
a:hover {
    color: #646464;
}

a img { border: none; }

img { margin: 3px 0; }

h3 {
	border-bottom: 1px solid #c8c8c8;
	margin: 0 0 3px 0;
	padding: 0 0 3px 0;
}
h3 a { border: none; }

hr {
    border: 0 none #ffffff;
    border-top: 1px solid #c8c8c8;
    clear: both;
    display: block;
    height: 1px;
	margin: 3px 0;
}

ul, ol { padding: 0 15px; }

div.clearBoth { clear: both; }

div.small { font-size: 9px; }

textarea {
    margin: 3px 0;
    width: 702px;
}

div.container {
    margin: auto;
    width: 968px;
}

div.header {}
div.header__logo {
    background: url('images/header__logo.png');
    height: 77px;
    margin-left: -7px; /* !!! */
    width: 188px;
}

h2.navigation {
   left: -9999em;
   position: absolute;
}
.navigation ul {
   margin: 0;
   overflow: hidden;
   padding: 0;
}
.navigation li {
   float: left;
   list-style: none;
}
.navigation a {
    border: 0;
    display: block;
    float: left;
    height: 37px;
    margin-top: -37px;
    overflow: hidden;
    text-indent: -9999em;
}
#navigation__sakums a {
    background: url('images/navigation/sakums.png');
    margin-left: 166px;
    width: 112px;
}
#navigation__sakums a:hover {
    background: url('images/navigation/sakums.png');
    background-position: 0 37px;
    margin-left: 166px;
    width: 112px;
}
#navigation__blogs a {
    background: url('images/navigation/blogs.png');
    margin-left: 278px;
    width: 95px;
}
#navigation__blogs a:hover {
    background: url('images/navigation/blogs.png');
    background-position: 0 37px;
    margin-left: 278px;
    width: 95px;
}
#navigation__galerija a {
    background: url('images/navigation/galerija.png');
    margin-left: 373px;
    width: 114px;
}
#navigation__galerija a:hover {
    background: url('images/navigation/galerija.png');
    background-position: 0 37px;
    margin-left: 373px;
    width: 114px;
}
#navigation__pamacibas a {
    background: url('images/navigation/pamacibas.png');
    margin-left: 487px;
    width: 132px;
}
#navigation__pamacibas a:hover {
    background: url('images/navigation/pamacibas.png');
    background-position: 0 37px;
    margin-left: 487px;
    width: 132px;
}
#navigation__dg-studija a {
    background: url('images/navigation/dg-studija.png');
    margin-left: 619px;
    width: 132px;
}
#navigation__dg-studija a:hover {
    background: url('images/navigation/dg-studija.png');
    background-position: 0 37px;
    margin-left: 619px;
    width: 132px;
}
#navigation__kas-esmu a {
    background: url('images/navigation/kas-esmu.png');
    margin-left: 751px;
    width: 133px;
}
#navigation__kas-esmu a:hover {
    background: url('images/navigation/kas-esmu.png');
    background-position: 0 37px;
    margin-left: 751px;
    width: 133px;
}

div.header__rss {
    background: url('images/header__rss.png');
    height: 58px;
    margin-top: -58px;
    margin-left: 899px;
    width: 69px;
}

div.wrap__top {
    background: url('images/wrap__top.png');
    height: 11px;
}
div.wrap { background: url('images/wrap.png'); }
div.wrap__gloss {
    background: url('images/wrap__gloss.png');
    height: 91px;
    position: absolute;
    margin: -76px 0 0 5px;
    width: 958px;
}

div.content {
    margin: auto;
    width: 928px;
}

div.wrapWindows {
    float: left;
    z-index: 1; /* DON'T WORK! */
}
div.windows {
    margin: auto;
    width: 736px;
}
div.windows__top {
    background: url('images/windows__top.png');
    height: 15px;
}
div.windows__middle {
    background: url('images/windows__middle.png');
}
div.windows_ {
    margin: auto;
    padding: 0 0 6px 0;
    width: 706px;
}
div.windows__bottom {
    background: url('images/windows__bottom.png');
    height: 31px;
}

div.wrapSidebar {
    float: right;
    z-index: 1;  /* DON'T WORK! */
}
div.sidebar {
    margin: auto;
    width: 188px;
}
div.sidebar__top {
    background: url('images/sidebar__top.png');
    height: 15px;
}
div.sidebar__middle {
    background: url('images/sidebar__middle.png');
}
div.sidebar_ {
    margin: auto;
    padding: 0 0 6px 0;
    width: 158px;
}
div.sidebar__bottom {
    background: url('images/sidebar__bottom.png');
    height: 31px;
}

div.bullet {
    background: url('images/bullet.png');
    float: right;
    height: 16px;
    margin: 5px 10px 0 0;
    width: 16px;
}

div.footer {
    background: url('images/footer.png');
    height: 109px;
    width: 968px;
}
div.footer__twitter_com {
    background: url('images/footer__twiiter_com.png');
    float: right;
    height: 46px;
    margin: 19px 32px 0 0;
    width: 98px;
}
div.footer_ {
    padding: 27px 0 0 46px;
}

div.headerSearch {
	width:200px;
	height:25px;
	position:absolute;
	right:500px;
	background:url(./images/headerSearch.png) no-repeat 0 0;
    height: 30px;
    margin-top: 9px;
    overflow: hidden;
    text-indent: -9999em;
}
.searchQuery {
	display:block;
	float:left;
	padding:6px 5px 5px 10px;
	width:117px;
	height:14px;
	font-size:11px;
	border:0;
	color:#333;
	background:none;
}
.searchQueryIA {
	color:#666;
	font-style:italic;
}
.searchButton {
	display:block;
	float:left;
	margin-left:-7px;
	width:20px;
	height:25px;
	padding:0;
	border:0;
	background:none;
	text-indent:-1000px;
	cursor:pointer;
}

[dagon]

need to see the html as well. perhaps the url.