Question

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>