- Joined
- Sep 4, 2006
- Messages
- 1
- Reaction score
- 0
Hi,
I have 2 div tags each having one dropdown. The style for div is set to overflow:auto. With this, only the dropdown in first div works properly for netscape. The second dropdown doesn't expand when clicked. This works well in IE 6. When I remove the overflow:auto style from div, everything works fine in netscape. Can anyone please help me?? The code is as follows:
<html>
<div id="Test" style="height:300px;width:300px;overflow:auto; border:solid #ff0000">
<select name="address123">
<option value="4">4</option >
<option value="5">5</option >
<option value="6">6</option >
</select>
</div>
<br>
<div id="Test1" style="height:300px;width:300px;border:solid #ff0000;overflow:auto;">
<select name="TestSelect" size="1">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
</div>
</html>
I have 2 div tags each having one dropdown. The style for div is set to overflow:auto. With this, only the dropdown in first div works properly for netscape. The second dropdown doesn't expand when clicked. This works well in IE 6. When I remove the overflow:auto style from div, everything works fine in netscape. Can anyone please help me?? The code is as follows:
<html>
<div id="Test" style="height:300px;width:300px;overflow:auto; border:solid #ff0000">
<select name="address123">
<option value="4">4</option >
<option value="5">5</option >
<option value="6">6</option >
</select>
</div>
<br>
<div id="Test1" style="height:300px;width:300px;border:solid #ff0000;overflow:auto;">
<select name="TestSelect" size="1">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
</div>
</html>