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='emailArticleButtonCha nge';"
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]

On Apr 23, 1:15 pm, Bill Steele <[e-mail]:

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

<button class="emailArticleButton"
onmouseover="this.className='emailArticleButtonCha nge';"
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]

scripts.contact wrote:

On Apr 23, 1:15 pm, Bill Steele <[e-mail]:

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

<button class="emailArticleButton"
onmouseover="this.className='emailArticleButtonCh ange';"
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

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

--
-Lost
Remove the extra words to reply by e-mail. Don't e-mail me. I am
kidding. No I am not.