same html code behave differently in IE and FireFox

Discussion in 'Javascript' started by usgog, Mar 23, 2007.

  1. usgog

    usgog Guest

    Here is my html code snippet:
    <html>
    <style type="text/css">
    option:hover {
    background:#e5ecf9;
    }

    </style>
    <table>
    <tr><td>
    <select style="border:solid 1px #7f9db9" name="select" size="4" ">
    <option value="name1">Name1</option>
    <option value="name2">name2</option>
    <option value="name3">name3</option>
    <option value="name4">name4</option>
    </select>
    </td></tr></table>
    </html>

    So I want to make the drop down list look like a panel and the options
    are hoverable. But in IE: options are NOT hoverable and it looks like
    a big text field with border indent.
    in FireFox: options are hoverable and no border indent. (GOOD!) BUT it
    has a grey'ed vertical scrollbar.

    So how to make the display consistent in both IE and FF without the
    scrollbar, options hoverable, and like a panel?
    usgog, Mar 23, 2007
    #1
    1. Advertising

  2. usgog wrote:

    > Here is my html code snippet:
    > <html>
    > <style type="text/css">
    > option:hover {
    > background:#e5ecf9;
    > }


    Hardly a javascript question but IE does not support :hover on anything
    other than <a href=...>

    --
    Richard.
    Richard Formby, Mar 24, 2007
    #2
    1. Advertising

  3. usgog

    RobG Guest

    On Mar 24, 9:48 am, "usgog" <> wrote:
    > Here is my html code snippet:
    > <html>
    > <style type="text/css">
    > option:hover {
    > background:#e5ecf9;
    >
    > }
    >
    > </style>
    > <table>
    > <tr><td>
    > <select style="border:solid 1px #7f9db9" name="select" size="4" ">
    > <option value="name1">Name1</option>
    > <option value="name2">name2</option>
    > <option value="name3">name3</option>
    > <option value="name4">name4</option>
    > </select>
    > </td></tr></table>
    > </html>
    >
    > So I want to make the drop down list look like a panel and the options
    > are hoverable.


    This is a javascript news group, ask in a CSS group:

    news:comp.infosystems.www.authoring.stylesheets
    <URL: http://groups.google.com/group/comp.infosystems.www.authoring.stylesheets
    >



    --
    Rob
    RobG, Mar 24, 2007
    #3
    1. Advertising

Want to reply to this thread or ask your own question?

It takes just 2 minutes to sign up (and it's free!). Just click the sign up button to choose a username and then you can ask your own questions on the forum.
Similar Threads
  1. Codemonkey
    Replies:
    1
    Views:
    400
    Ying-Shen Yu[MSFT]
    Oct 30, 2003
  2. effbiae

    sscanf and scanf behave differently

    effbiae, Jan 19, 2006, in forum: C Programming
    Replies:
    2
    Views:
    343
    Keith Thompson
    Jan 19, 2006
  3. Divick
    Replies:
    7
    Views:
    433
    Divick
    Sep 12, 2005
  4. Robert Klemme
    Replies:
    5
    Views:
    180
  5. Just Another Victim of the Ambient Morality

    How can two references to the same object behave differently?

    Just Another Victim of the Ambient Morality, Apr 20, 2006, in forum: Ruby
    Replies:
    5
    Views:
    156
    Robert Klemme
    Apr 20, 2006
Loading...

Share This Page