<font size="2">
                                <font face="Arial">Hi Roland,<br /><br /> Instead of using style.visibility = "hidden", use style.display="none". Then, to change it back, you set the display to "inline" (it might be "block", but I'm pretty sure the default is "inline" for select elements; you can look it up if necessary).<br /><br />Cheers,<br /><br />Peter Brunone<br /></font>
                                <font face="Arial">
                                                <strong>
                                                                <font face="Verdana">______________<br />EasyListBox.com</font>
                                                </strong>
                                                <br />
                                                <br />
                                </font>
                </font>
                <font face="Tahoma, Arial, Sans-Serif" size="2">
                                <b>From</b>: "Dong, Roland" <a href="mailto:Roland_Dong@parade.com">Roland_Dong@parade.com</a><br /></font>
                <br />
                <div dir="ltr" align="left">
                                <font face="Arial" color="#0000ff" size="2">
                                                <span class="753345423-28112006">Hello,</span>
                                </font>
                </div>
                <div dir="ltr" align="left">
                                <font face="Arial" color="#0000ff" size="2">
                                                <span class="753345423-28112006">
                                                </span>
                                </font> </div>
                <font face="Arial" color="#0000ff" size="2">
                </font>
                <font face="Arial" color="#0000ff" size="2">
                </font>
                <div>
                                <span class="753345423-28112006">
                                                <font face="Arial" color="#0000ff" size="2">I need to dynamically hide and unhide a selection box based on the value selected in the first selection box. So if a user selects "a" in selection box, element id2 should be visible else it should remain hidden. I can use document.getElementByI("id2").style.visibility="visible" to make it visible and document.getElementById("ed1").style.visibility="hidden"; to make it disappear. The problem when element id2 disappears, it still keeps space there and it makes the form look bad. Is there a way to dynamically remove the space it occupies?</font>
                                </span>
                </div>
                <div>
                                <span class="753345423-28112006">
                                                <font face="Arial" color="#0000ff" size="2">
                                                </font>
                                </span> </div>
                <div>
                                <span class="753345423-28112006">
                                                <font face="Arial" color="#0000ff" size="2">.......</font>
                                </span>
                </div>
                <div>
                                <span class="753345423-28112006">
                                                <font face="Arial" color="#0000ff" size="2"><tr id="id1"></font>
                                </span>
                </div>
                <div>
                                <span class="753345423-28112006">
                                                <font face="Arial" color="#0000ff" size="2"> <td></font>
                                </span>
                </div>
                <div>
                                <span class="753345423-28112006">
                                                <font face="Arial" color="#0000ff" size="2"> <select name="first" onchange="check(this)"></font>
                                </span>
                </div>
                <div>
                                <span class="753345423-28112006">
                                                <font face="Arial" color="#0000ff" size="2"> <option>a</option></font>
                                </span>
                </div>
                <div>
                                <span class="753345423-28112006">
                                                <font face="Arial" color="#0000ff" size="2"> <option>b</option></font>
                                </span>
                </div>
                <div>
                                <span class="753345423-28112006">
                                                <font face="Arial" color="#0000ff" size="2"> </select> </font>
                                </span>
                </div>
                <div>
                                <span class="753345423-28112006">
                                </span>
                                <span class="753345423-28112006">
                                                <font face="Arial" color="#0000ff" size="2"> <td></font>
                                </span>
                </div>
                <div>
                                <span class="753345423-28112006">
                                                <font face="Arial" color="#0000ff" size="2"></tr></font>
                                </span>
                </div>
                <div>
                                <span class="753345423-28112006">
                                                <font face="Arial" color="#0000ff" size="2"><tr id ="id2" style="visibility:hidden";></font>
                                </span>
                </div>
                <div>
                                <span class="753345423-28112006">
                                                <font face="Arial" color="#0000ff" size="2"> <td></font>
                                </span>
                </div>
                <div>
                                <span class="753345423-28112006">
                                                <font face="Arial" color="#0000ff" size="2"> <select name="second">
<div><span class="753345423-28112006"><font face="Arial" color="#0000ff" size="2"> <option>c</option></font></span></div><div><span class="753345423-28112006"><font face="Arial" color="#0000ff" size="2"> <option>d</option></font></span></div><div><span class="753345423-28112006"><font face="Arial" color="#0000ff" size="2"> </select> </font></span></div></font>
                                </span>
                </div>
                <div>
                                <span class="753345423-28112006">
                                                <font face="Arial" color="#0000ff" size="2"> <td></font>
                                </span>
                </div>
                <div>
                                <span class="753345423-28112006">
                                                <font face="Arial" color="#0000ff" size="2"></tr></font>
                                </span>
                </div>
                <div>
                                <span class="753345423-28112006">
                                                <font face="Arial" color="#0000ff" size="2">..............</font>
                                </span>
                </div>
                <div>
                                <span class="753345423-28112006">
                                                <font face="Arial" color="#0000ff" size="2">rest of the form....</font>
                                </span>
                </div>
                <div>
                                <span class="753345423-28112006">
                                                <font face="Arial" color="#0000ff" size="2">
                                                </font>
                                </span> </div>
                <div>
                                <span class="753345423-28112006">
                                                <font face="Arial" color="#0000ff" size="2">
                                                </font>
                                </span> </div>
                <div>
                                <span class="753345423-28112006">
                                                <font face="Arial" color="#0000ff" size="2">Thanks a lot,</font>
                                </span>
                </div>
                <div>
                                <span class="753345423-28112006">
                                                <font face="Arial" color="#0000ff" size="2">
                                                </font>
                                </span> </div>
                <div>
                                <span class="753345423-28112006">
                                                <font face="Arial" color="#0000ff" size="2">Roland</font>
                                </span>
                </div>