[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

 #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

#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