IE Error Not displaying background-images.

Posted: Sun, 2008-05-11 03:57

Hello!
This is my first post here. I am having problems.
Here is my css code:

.submenu {
height:24px;
display:inline;
background-image:url(images/submenu_01.png), url(images/submenu_03.png), url(images/submenu_02.png);
background-repeat:no-repeat, no-repeat, repeat-x;
background-position:left, right, center;
padding-left:5px;
padding-right:5px;
margin-left:5px;
display:inherit;
float:inherit;
position:static;
}
.submenu:hover {
height:24px;
background-image:url(images/submenu_over_01.png), url(images/submenu_over_03.png), url(images/submenu_over_02.png);
background-repeat:no-repeat, no-repeat, repeat-x;
background-position:0 0, 100% 0, center;
padding-left:5px;
padding-right:5px;
margin-left:5px;
float:inherit;
}
a.submenu:link {
color:#990000;
font-size:14px;
font-family:"Times New Roman", Times, serif;
font-weight:bold;
text-decoration:none;
}
a.submenu:visited {
color:#990000;
font-size:14px;
font-family:"Times New Roman", Times, serif;
font-weight:bold;
text-decoration:none;
}
a.submenu:hover {
color:#999900;
font-size:14px;
font-family:"Times New Roman", Times, serif;
font-weight:bold;
text-decoration:none;
}
a.submenu:active {
color:#990000;
font-size:14px;
font-family:"Times New Roman", Times, serif;
font-weight:bold;
text-decoration:none;
}

And the HTML code:

My Profile ... The idea is that the 3 background images are displayed behind text link. The text link is displayed but not where it should be. It works perfectly in safari, but not in IE. In IE it displays above where it should and without the background.

the website is www.btowngreeks.com/38/blank.html

Thanks!
MH