custom button disappears in IE

[Bill Steele]

Wanted a "mail this page" button to not look like a button. So this:

<button class="emailArticleButton"
onmouseover="this.className='emailArticleButtonChange';"
onmouseout="this.className='emailArticleButton';" type="submit"
name="submit"></button>

The classes take you to a CSS file that makes the button the usual
little image of an envelope.

Except in IE (mac or PC, several versions) where the button becomes
completely invisible. Does IE not read styles inside forms? Or what?

 

[scripts.contact]

Wanted a "mail this page" button to not look like a button. So this:

<button class="emailArticleButton"
onmouseover="this.className='emailArticleButtonChange';"
onmouseout="this.className='emailArticleButton';" type="submit"
name="submit"></button>

The classes take you to a CSS file that makes the button the usual
little image of an envelope.

Except in IE (mac or PC, several versions) where the button becomes
completely invisible. Does IE not read styles inside forms? Or what?

set a width on button in CSS

 

[-Lost]

set a width on button in CSS

Internet Explorer seems to not like empty width and height elements (on
IMGs for examples). Providing empty attributes makes the element invisible.