CSS backgrounds not appearing on hover

[socks_]

am running the current release versions of firefox, netscape and the BETA of IE

my site appears fine on all these browsers, but a test on IE 6 raises a problem

My CSS background image changes just arent appearing at all. Is this a known
bug?

here is the url

[url]http://217.146.112.210/test/[/url]

perhaps it is my ccs? here it is:

/* CSS Document */

html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset {
margin: 5px;
padding: 0;
border: 0;
}

body {
font-family: Verdana, Arial, sans-serif;
color: #666666;
background-color:#FFFFFF;
font-size: 11px;
}

a:link {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: #666666;
text-decoration: none;
}

a:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: #4c4c4c;
text-decoration: none;
}

a:active {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #4c4c4c;
text-decoration: none;
}

a:visited {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #4c4c4c;
text-decoration: none;
}

#master_wrapper {
width: 754px;
margin-top: 0px;
margin-bottom: 0px;
margin-right: auto;
margin-left: auto;
position: relative;
}

#logo_box {
width: 145px;
height: 130px;
float: left;
}

#banner_box {
width: 580px;
height: 130px;
margin-top: 0;
margin-right: 0;
margin-bottom: 0;
margin-left: 29px;
float: right;
}

#empty_box {
width: 150px;
height: 25px;
float: left;
}

#global_menu {
height: 25px;
float: left;
padding-left: 10px;
margin-top: 0;
margin-right: 0;
margin-bottom: 0;
margin-left: 35px;

}

#global_menu_item {
background-image: url(../website_graphics/global_graphics/global_tab.jpg);
background-repeat:no-repeat;
width: 79px;
height: 20px;
text-align:center;
padding-top: 5px;
float: left;
vertical-align:middle;
}

#global_menu_item_dark {
background-image:
url(../website_graphics/global_graphics/global_tab_active.jpg);
background-repeat:no-repeat;
width: 79px;
height: 20px;
text-align:center;
padding-top: 5px;
float: left;
}

#global_menu_item:hover {
background-image:
url(../website_graphics/global_graphics/global_tab_hover.jpg);
background-repeat:no-repeat;
width: 79px;
height: 25px;
text-align:center;
float: left;
padding-top: 6px;
}


#global_menu_item:active {
background-image:
url(../website_graphics/global_graphics/global_tab_hover.jpg);
background-repeat:no-repeat;
width: 79px;
height: 25px;
text-align:center;
float: left;
}

#global_tab_edge {
background-image: url(../website_graphics/global_graphics/global_tab_edge.jpg);
background-repeat:no-repeat;
width: 1px;
height: 25px;
float: left;
}


#sub_menu_wrapper {
width: 145px;
float: left;
}

#sub_menu_header {
width: 145px;
height: 20px;
text-align:center;
float: left;
padding-top: 5px;
background-image: url(../website_graphics/global_graphics/submenu_tab.jpg);
background-repeat: no-repeat;
}

#sub_menu_content {
width: 135px;
height: 24px;
float: left;
padding-left: 10px;
padding-top: 8px;
background-image:
url(../website_graphics/global_graphics/submenu_content_bg.jpg);
text-align: left;
vertical-align: middle;
}

#sub_menu_content:hover {
width: 135px;
height: 24px;
padding-left: 10px;
padding-top: 8px;
float: left;

background-image:url(../website_graphics/global_graphics/submenu_content_bg_hove
r.jpg);
text-align: left;
vertical-align: middle;
}

#sub_menu_footer {
width: 145px;
height: 10px;
float: left;
margin-top: 0;
margin-right: 0;
margin-bottom: 25px;
margin-left: 0;
background-image: url(../website_graphics/global_graphics/submenu_footer.jpg);
background-repeat: no-repeat;
}

#content_wrapper {
width: 580px;
margin-top: 0;
margin-right: 0;
margin-bottom: 0;
margin-left: 29px;
float: left;
}

#content_header {
width: 580px;
height: 11px;
float: left;
}

#content {
width: 580px;
float: left;
background-color: #f1f1f1;
}

#content_footer {
width: 580px;
height: 11px;
float: left;
}
:sad;

[mlapointe]

Can you unlock your protected folder? I couldn't see your page.