CSS and Submit Button problem (across browsers)

Do you have a question? Post it now! No Registration Necessary.  Now with pictures!


I just added the CSS style below* to my CSS page and then used the class on
type="submit" whereever I use a Submit button for a form.  Just wanted to
make the buttons stick out a little more is all.

Well it turns out that when I do this, both FireFox and Netscape show the
button as if it were an image file.  In other words the "simulated push"
don't work.  Although everything works great in IE and Opera.

As I said, all I wanted to do was add some spice to the buttons, but if this
won't work across browsers I can't!  Looks horrible.

So I guess my quesiton is, is this the case, or perhaps did I make a mistake
in my code that was minor enough that only some browsers picked it up?



* here is the how I reference the class:
<input class="my_button" type="submit" value=" Search ">

* here is the class definition in my CSS Style Sheet:
    font-weight: 600;
    font-variant: small-caps;
    padding: 1px;
    border: 2px outset #7777CC;

Site Timeline