Nav Bar not shown correctly in IE6

[die2live]

Hi

on the site http://radio.rockt.es the menu bar look great in Firefox, but in IE6 it's not so good.

Here is the css code for the nav bar:

.nav {
	background:url(../img/menu-bar.png) no-repeat;
	margin-top: 25px;
	height:538px;
}
.nav ul {
	margin:0px 0 0 -25px;
}
.nav li {
	display:block;
	margin:-15px 0;
	height:49px;
	width:130px;
	background:url(../img/button-2.png) no-repeat;
}
.nav li:hover {
	background:url(../img/button-1.png) no-repeat;
	height:49px;
	width:130px;
}
.nav p {
	margin:0px;
	padding:18px 0 0 0px;
	text-decoration:none;
	color:#EAF83A;
	font-size:11px;
	font-weight:bold;
	text-align:center;
}

.nav p:hover {
	color:#111;
}

And one more thing: in IE6 the background images(png) are not transparent as they are in Firefox. If any one knows why, please tell me.

[Medyman]

All of your issues are because IE6 doesn't support transparent .pngs

the simplest solution is to use a transparent .gif. otherwise, google for more solutions.