CSS Image Replace Submit button problem

Hi, I tried to do an image replace for a "submit" button and it's working for most people but I have one user in IE8 saying they just get a blank white button with no image (the path is correct, they can see it when going directly). The other thing is, I cannot see the submit button at all on my blackberry smartphone.

Does this code look correct?

THE STYLING

<style type="text/css">
input.uploadbutton
  {
  background-image: url(images/submit-button.jpg);
  cursor:pointer;
  width: 92px;
  height: 65px;
  border: none;
  }
</style>

Code (markup):

THE BUTTON

<input type="hidden" name="submit" value="true" />
<input type="submit" value="" class="uploadbutton" />

Code (markup):

 

try putting a slash before "images" in the url

 

Try putting style in external stylesheet. Also, as a good coding practice, always provide a alternate color for background when using images. This will help users like the above you mentioned who can not view the image.

 

add this:
background-color: transparent;

or check my search button on my site, it's a good example.
just use firebug plugin.

http://monstertut.com/web-design-course/

 

by the way...
use this:

border: 0 none;
instead of this:
border: none;

 

Thanks! Seems like following your example worked better. I think it was the background: vs background-image: