I am using a input button whose code is:

<input name="Input" type="button" value="Send my password"
class="buttonStyle" />



I have styled the buttons using the classes below:

.buttonStyle{
    font-family:Tahoma, Arial, verdana, sans-serif;
    font-size:11px;
    color:#fff;
    font-weight:normal;
    background-color:#4c8094;
    margin: 0;
    padding: 0 2px 0 2px;
    width: auto;
    overflow: visible;
}

.buttonStyle:hover {
    font-family:Tahoma, Arial, verdana, sans-serif;
    font-size:11px;
    color:#ffd200;
    font-weight:normal;
    background-color:#4c8094;
    margin: 0;
    padding: 0 2px 0 2px;
    width: auto;
    overflow: visible;
}

The problem is the hover effect works in Firefox, but not in IE. Can you let
me know how to make the hover effect work in IE.

Shivanand
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to