[tjs]

Hey all,
I'm currently working on a css nav menu with rollovers for my site. It looks perfect in Firefox, but in IE, when the cursor is placed over the button, nothing happens. Here's the sample css I'm using:
Button's normal state

Code:

 #button_name/linkname {
     float: left;
     display: inline;
     list-style: none;
     width: button width here;
     height: button height here;
     margin-left: 0;
     padding-left: 0;
     background-image: url(button_image_here);
     background-repeat: no-repeat;
}

Botton's Hover State

Code:

#button_name/linname:hover {
     float: left;
     display: inline;
     list-style: none;
     width: button width here;
     height: button height here;
     margin-left: 0;
     padding-left: 0;
     background-image: url(rollover_button_image_here);
     background-repeat: no-repeat;
}

If someone can explain this problem, I'd appreciate it.
Thanks