[Solved] why wont this work in ie6

Hello everyone, please help!

I got this to wrk in ie7 and ff but it wont work in ie6. Does anyone see what the problem could be? Basically whats going on here is that on rollover a popup comes up which is another division that contains image links. It works like a charm in ie7 and ff but in ie6 it wont do anything. The rollovers dont work and the div popup won't appear. Please help with anything yuo can...I know the code is by no means clean but i plan to work on that i just need some guidance on what i can or should cutout. I also made sure it validated. It all does. Thanks so much!

CSS

body
{
background:url('paper-web.gif') center top no-repeat;
margin:0px;
}

h1
{
font:30px helvetica;
color:#039AFF;
}
div.container
{
width:992px;
height:650px;
min-height:600px;
position:relative;
margin:0 auto;
}
div.notecard
{
width:690px;
height:430px;
position:absolute;
left:30px;
top:40px;
background:url('notecard-web.gif') no-repeat;
}
#startpic a
{
background:url('startpic-web.jpg') no-repeat;
width:299px;
height:300px;
position:absolute;
left:701px;
top:4px;
z-index:0;
text-decoration:none;
}
#startpic a:hover
{
background-position:-303px 0;
}
#startpic a:active
{
background-position:-303px 0;
}
div.title
{
width:200px;
height:50px;
position:absolute;
top:70px;
left:40px;
text-align:left;
}
div.textbox
{
width:650px;
height:300px;
position:absolute;
top:150px;
left:25px;
font:12px helvetica;
color:#5b5b5b;
}
.column
{
width:185px;
height:220px;
border-right:1px solid #039AFF;
padding-right:15px;
padding-left:15px;
float:left;
text-align:justify;
}
div.menubar
{
background-color:#9AFF24;
width:750px;
height:50px;
position:absolute;
top:465px;
left:6px;
margin:0 auto;
}
#hablalogo a
{
background:url('hablalogo-web.jpg') no-repeat;
width:240px;
height:200px;
position:absolute;
bottom:63px;
right:2px;
}
#navabout
{
position:absolute;
top:0px;
left:50px;
width:100px;
height:50px;
text-decoration:none;
text-align:center;
font:13px Verdana;
color:#777777;
line-height:50px;
}
#navabout #navapopup
{
display: none;
}
#navabout:hover #navapopup
{
display: block;
text-align:left;
width:440px;
height:180px;
position:absolute;
bottom:69px;
left:0px;
z-index:2;
}
#navabout:active #navapopup
{
display: block;
text-align:left;
width:440px;
height:180px;
position:relative;
bottom:60px;
left:0px;
}
#navabout:hover #nava
{
display: block;
width:100px;
height:50px;
position:absolute;
top:0px;
left:0px;
background-color:#D7FFA4;
font: 15px Verdana;
line-height:50px;
}
#aboutusbutton a
{
width:200px;
height:160px;
background:url('ap-about-web.jpg') no-repeat;
float:left;
text-decoration:none;
}
#aboutusbutton a:hover
{
background-position:-200px 0;
}
#aboutusbutton a:active
{
background-position:-200px 0;
}
#historybutton a
{
width:200px;
height:160px;
background:url('ap-history-web.jpg') no-repeat;
float:left;
text-decoration:none;
}
#historybutton a:hover
{
background-position:-200px 0;
}
#historybutton a:active
{
background-position:-200px 0;
}
#navcommunity
{
position:absolute;
top:0px;
left:150px;
width:100px;
height:50px;
text-decoration:none;
text-align:center;
font:13px Verdana;
color:#777777;
line-height:50px;
}
#navcommunity #navcpopup
{
display: none;
}
#navcommunity:hover #navcpopup
{
display: block;
text-align:left;
width:440px;
height:180px;
position:absolute;
bottom:69px;
left:0px;
z-index:2;
}
#navcommunity:active #navcpopup
{
display: block;
text-align:left;
width:440px;
height:180px;
position:relative;
bottom:69px;
left:0px;
}
#navcommunity:hover #navc
{
display: block;
width:100px;
height:50px;
position:absolute;
top:0px;
left:0px;
background-color:#D7FFA4;
font: 15px Verdana;
line-height:50px;
}
#communitiesbutton a
{
width:200px;
height:160px;
background:url('cp-communities-web.jpg') no-repeat;
float:left;
text-decoration:none;
}
#communitiesbutton a:hover
{
background-position:-200px 0;
}
#communitiesbutton a:active
{
background-position:-200px 0;
}
#navfamilies
{
position:absolute;
top:0px;
left:250px;
width:100px;
height:50px;
text-decoration:none;
text-align:center;
font:13px Verdana;
color:#777777;
line-height:50px;
}
#navfamilies #navfpopup
{
display: none;
}
#navfamilies:hover #navfpopup
{
display: block;
text-align:left;
width:440px;
height:180px;
position:absolute;
bottom:69px;
left:0px;
z-index:2;
}
#navfamilies:active #navfpopup
{
display: block;
text-align:left;
width:440px;
height:180px;
position:relative;
bottom:60px;
left:0px;
}
#navfamilies:hover #navf
{
display: block;
width:100px;
height:50px;
position:absolute;
top:0px;
left:0px;
background-color:#D7FFA4;
font: 15px Verdana;
line-height:50px;
}
#navresources
{
position:absolute;
top:0px;
left:350px;
width:100px;
height:50px;
text-decoration:none;
text-align:center;
font:13px Verdana;
color:#777777;
line-height:50px;
z-index:2;
}
#navresources #navrpopup
{
display: none;
}
#navresources:hover #navrpopup
{
display: block;
text-align:left;
width:440px;
height:180px;
position:absolute;
bottom:69px;
left:0px;
z-index:2;
}
#navresources:active #navrpopup
{
display: block;
text-align:left;
width:440px;
height:180px;
position:relative;
bottom:60px;
left:0px;
}
#navresources:hover #navr
{
display: block;
width:100px;
height:50px;
position:absolute;
top:0px;
left:0px;
background-color:#D7FFA4;
font: 15px Verdana;
line-height:50px;
}
#navsupporters
{
position:absolute;
top:0px;
left:450px;
width:100px;
height:50px;
text-decoration:none;
text-align:center;
font:13px Verdana;
color:#777777;
line-height:50px;
}
#navsupporters #navspopup
{
display: none;
}
#navsupporters:hover #navspopup
{
display: block;
text-align:left;
width:440px;
height:180px;
position:absolute;
bottom:69px;
left:0px;
z-index:2;
}
#navsupporters:active #navspopup
{
display: block;
text-align:left;
width:440px;
height:180px;
position:relative;
bottom:60px;
left:0px;
}
#navsupporters:hover #navs
{
display: block;
width:100px;
height:50px;
position:absolute;
top:0px;
left:0px;
background-color:#D7FFA4;
font: 15px Verdana;
line-height:50px;
}
.popupcontainer h1, .popupcontainer h2, .popupcontainer p
{
margin:0 10px;
letter-spacing:1px;
}
.popupcontainer h1
{
font-size:2.5em;
color:#fc0;
}
.popupcontainer h2
{
font-size:2em;
color:#234;
border:0;
}
.popupcontainer p
{
padding-bottom:0.5em;
color:#000;
}
.popupcontainer h2
{
position:relative;
z-index:2;
padding-top:0.5em;
padding-left:10px;
}
.popupcontainer
{
background: transparent;
margin:1em;
}

.popupcontainer em
{
display:block;
width:0;
height:0;
color:#d8d8d8;
overflow:hidden;
border-top:12px solid #27B2FF;
border-left:12px dotted transparent;
border-right:12px dotted transparent;
margin-left:50px;
}
.popupcontainer span
{
display:block;
width:0;
height:0;
overflow:hidden;
border-top:10px solid #fff;
border-left:10px dotted transparent;
border-right:10px dotted transparent;
margin-left:52px;
margin-top:-15px;
}
* html .popupcontainer span
{
width:20px;
height:10px;
w\idth:0;
hei\ght:0;
}

.xb1, .xb2, .xb3, .xb4, .xb5, .xb6, .xb7
{
display:block;
overflow:hidden;
font-size:0;
}
.xb1, .xb2, .xb3, .xb4, .xb5, .xb6
{
height:1px;
}
.xb4, .xb5, .xb6, .xb7
{
background:#ccc;
border-left:1px solid #27B2FF;
border-right:1px solid #27B2FF;
}

.xb1
{
margin:0 8px;
background:#27B2FF;
}
.xb2
{
margin:0 6px;
background:#27B2FF;
}
.xb3
{
margin:0 4px;
background:#27B2FF;
}
.xb4
{
margin:0 3px;
background:#fff;
border-width:0 5px;
}

.xb5
{
margin:0 2px;
background:#fff;
border-width:0 4px;
}
.xb6
{
margin:0 2px;
background:#fff;
border-width:0 3px;
}
.xb7
{
margin:0 1px;
background:#fff;
border-width:0 3px;
height:2px;
}
.xboxcontentframe
{
position:relative;
top:0px;
left:0px;
width:440px;
height:160px;
}
.xboxcontent
{
display:block;
background:#fff;
text-align:left;
border:3px solid #27B2FF;
border-width:0 3px;
}

HTML

HABLA Home Page

It all validates too....so I am not sure... Thanks for any help anyone can provide. Have a good day!