CSS Div Overflow Form Problem

Forum Moderators: not2easy

Message Too Old, No Replies

CSS Div Overflow Form Problem

Encapsulating form inside div with overflow:auto causes problems in IE6.

augur

12:48 am on Jan 30, 2004 (gmt 0)

Does anyone know how to solve this problem? The drop-down box works fine in other browsers as far as I know but not in IE6. The boxes don't show up unless I click where they are supposed to be. If I remove the overflow: auto of the div that encloses the form, it works fine.

Here is the stripped down code:


<html> 
<head> 
<style> 
#form
 { width: 303px; overflow: auto; height: 200px; } 
</style> 
</head> 
<body> 
Fill in below: 
<div id="form"> 
<form method="GET" name="my_form" action="whatever.html"> 
<select name="numresults" size="1"> 
<option>Show 20 results</option> 
<option selected>Show 50 results</option> 
<option>Show 100 results</option></select> 
</form> 
</div> 
</body> 
</html>

I already tried the z-index NN7 solution mentioned at [webmasterworld.com...] to no avail.

Thanks,
AuGuR

SuzyUK

2:38 am on Feb 6, 2004 (gmt 0)

Hi augur - Welcome to WebmasterWorld

I'm sorry I cannot see this in IE6..on the code snippet you posted..
and that other post you referred to was NN7 specific only and now that I've tested on NN7 it must've been a version specific bug there because it's not present in NN7.1 anymore..

however in this case I think we'll need some more code for the rest of you div and anything before/after/inside it that may be positioned .. or is there positioning involved in the form div?

The boxes don't show up unless I click where they are supposed to be.

I'm thinking "peekaboo" bug as in this case the select choices are actually there because you can click them... but that's just a guess in the other page the box was not clickable at all..

Suzy