CSS: Rollover Buttons problem

[factoring]

Hi everyone,
My coding works for IE but it doesn't for firefox. I am very new to CSS so please excuse my bad coding. Can someone please look at the following code and help me figure out what I am doing wrong. Thank you ahead of time.

#list-menu {
width: 150px;
height: 35px;
}
#list-menu ul {
margin: 0;
padding: 0;
list-style-type: none;
font-family: palatino linotype;
font-size: 12px;
#list-menu li {
margin: 2px 0 0;
}
#list-menu a {
display: image;
width:152px;
height:33px;
padding: 8px 2px 2px 15px;
border: 1px solid #F6F7BD;
background: url(http://www.structuredsettlement-quot...ettlements.jpg) no-repeat;
text-decoration: none;
}
#list-menu a:hover {
border: 1px solid #F6F7BD;
background:
url(http://www.structuredsettlement-quot...ement-cash.jpg) no-repeat;
color: #ffffff
}


A sample page is here- it works in IE but not in Firefox.
http://www.structuredsettlement-quot...ettlement.html

[factoring]

Anyone?

[Costin Trifan]

I used FF 2.0.0.3 (I think this is the latest version of firefox) and it looks exactly the same as in IE7.

I see no problems there, mate.

[exam]

Same here FF 2.0.0.3 and all's fine.

[factoring]

I had the code
display: image

on the original code. I changed it to
display: block

It did the trick. Thanks anyways for taking a look.

[RNK1.com]

it works fine with all the web browsers on my computer , wierd

[digitalpbk]

yup ......

__________________________________________________

[link removed]