IE7 overflow:auto bug [closed] - internet-explorer-7

Question

It's difficult to tell what is being asked here. This question is ambiguous, vague, incomplete, overly broad, or rhetorical and cannot be reasonably answered in its current form. For help clarifying this question so that it can be reopened, visit the help center.
Closed 10 years ago.
Does anybody knows where is the problem here http://jsfiddle.net/jDNFU/ in IE7? I've already tryed everything I could do.

Answer 1

Can't you use something like this? What are you trying to do? What does it need to look like?
<ul id="mytest">
<li><input type="text" value="" name="test1" /></li>
<li><input type="text" value="" name="test2" /></li>
<li><input type="text" value="" name="test3" /></li>
<li><input type="text" value="" name="test4" /></li>
<li><input type="text" value="" name="test5" /></li>
<li><input type="text" value="" name="test6" /></li>
</ul>
#mytest {list-style:none; width:254px; max-height:328px; overflow-y:auto; display:block;}
#mytest li {position:relative; display:inline; zoom:1; height:25px;}
#mytest input {position:absolute;}
EDIT:
Since you fixed it yourself and all, this is how I would've slice it. Because you don't need to resize your inputs, you can take just full background images, no?
.clr { clear: both; }
#myform { width: 800px; }
#myform fieldset { display: block; float: left; margin: 0; padding: 0; border: medium none; }
#myform input.txt { display: block; width: 200px; border: medium none; background: transparent url('bg_input.jpg') no-repeat scroll 0 0; height: 30px; text-indent: 2px; }
#myform label { float: left; width: 120px; height: 30px; }
#myform textarea { display: block; border: medium none; height: 180px; background: transparent url('bg_textarea_large.jpg') no-repeat scroll 0 0 !important; resize: none; }
#myform .large { width: 378px; background: transparent url('bg_input_large.jpg') no-repeat scroll 0 0; }
#myform .button { }
#myform fieldset.addfriends { width: 300px; }
#myform fieldset.personal { width: 500px; }
<form id="myform">
<fieldset class="addfriends">
<p>Enter at least 3 email addresses of your friends</p>
<input type="text" class="txt" />
<br />
<input type="text" class="txt" />
<br />
<input type="text" class="txt" />
</fieldset>
<fieldset class="personal">
<label for="name">Your name:</label><input type="text" id="name" class="txt" />
<br />
<label for="email">Your e-mail:</label><input type="text" id="email" class="txt" />
<br />
<label for="subject">Subject:</label><input type="text" id="subject" class="txt large" value="You'll love it!" />
<br />
<label for="message">Message:</label><textarea id="message" class="large"></textarea>
<br />
<input type="submit" class="button" value="Send" />
</fieldset>
<div class="clr"></div>
</form>