mój pierwszy raz z IE... :/

[mojito]

No to zabrałem się za pisanie tych stron internetowych. Wciągające. Wszystko pięknie ładnie, jakieś tam kursy przeczytane, podstawy opanowane prawie ;] Stronka jest. Tylko ten @#%^&lony IE...

Nie wiem jak obejść trzy rzeczy na mojej stronie, które sypią się w IE:
1. Linki w formie obrazów w ogóle się nie pojawiają na stronie
2. boxy na input przy formularzu kontaktu są odsunięte kilkaset px
3. oczywiście png nie sa przezroczyste w IE6, ale przetestowałem kilka fixów i zawsze coś nie grało (np.: nieklikalne elementy się pojawiały)

stronka jest testowo tutaj:
http://www.activnet.pl

to co...? Pomoże ktoś żóltodziobowi

dziękuję

[mojito]

<code>
<!-- tak wygląda to menu w htmlu-->
<div id="main_nav">
<a href="#" id="main_nav_rk"></a>
<a href="#" id="main_nav_it"></a>
<a href="#" id="main_nav_www"></a>
</div><!--end main_nav (boxes)-->
</code>

[mojito]

/* a tak w CSS */

#main{
position: relative;
width: 960px;
height: 450px;
background: url('../images/main_bg.png') repeat-x;
margin: 0;
padding: 0;
overflow: hidden;
text-align: right;
}

#main_nav {
position: absolute;
padding: 30px 135px 0 135px;
}

a#main_nav_rk {
width: 210px;
height: 308px;
float: left;
margin: 0 10px;
background: url('../images/main_nav_rk_sd.png') no-repeat;
display: inline;
}

a:hover#main_nav_rk {
background-position: 0 -308px;
}

a#main_nav_it {
width: 210px;
height: 308px;
float: left;
margin: 0 10px;
background: url('../images/main_nav_it_sd.png') no-repeat;
display: inline;
}

a#main_nav_it:hover {
background-position: 0 -308px;
}

a#main_nav_www {
width: 210px;
height: 308px;
float: left;
margin: 0 10px;
background: url('../images/main_nav_www_sd.png') no-repeat;
display: inline;
}

a#main_nav_www:hover {
background-position: 0 -308px;
}