U
usgog
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?
<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?