HELP unwanted space between form unordered list

The extra space is the bottom margin on <ul id=“quickcontactform”>

Once you set that bottom margin to zero the only way to get them any closer is to reduce the height.

have another go at solving it felgall

PLEASE NOTE EVERYONE
SORRY IT WAS THIS , THE PREVIOUS VERSION WAS A FIX ATTEMPT.

HERE THE RIGHT STUFF

<div class=“requestacallform”>

<form method=“post” id=“quickcontact” action=“basicvalidation.php” onsubmit=“return checkForm();”><fieldset>
<ul id=“quickcontactform”>
<li><span class=“imagereplacementtxt”>name</span>
<input name=“name” type=“text” size=“15” maxlength=“30” /></li>
<li><span class=“imagereplacementtxt”>company</span>
<input name=“company” type=“text” size=“15” maxlength=“50” />
</li>
</ul></fieldset><fieldset><ul id=“quickcontactform_bottom”><li><span class=“imagereplacementtxt”>phone</span>
<input name=“phone” type=“text” size=“15” maxlength=“30” /></li>
<li id=“email_li”><span class=“imagereplacementtxt”>email</span>
<input name=“email” type=“text” size=“15” maxlength=“50” /></li>
<li>
<input type=“image” src=“images/quick_response_send.gif” value=“send” alt=“send” />
</li>
</ul>
</fieldset>
</form>

</div>

AND

fieldset{
border:0;
margin-top:0px;
margin-bottom:0px;
padding:0px;
}

form.quickcontact {
width:auto;
height:auto;
border:0px;
margin-bottom:0px;
margin-top:0px;
}

ul#quickcontactform, ul#quickcontactform_bottom{
width:auto;
height:50px;
margin-top:0px;
}

ul#quickcontactform_bottom{
clear:both;
}

ul#quickcontactform li, ul#quickcontactform_bottom li{
width:auto;
float:left;
margin-left:50px;
}

.submitbutton{
width:auto;
float:right;
}

the spans there for the image replacement text for the lables, as I’m using graphics, and I’m allready using the class for other stuff on the site so wasing bandwidth it is not. I use images because they versatile and people buy design. I want a form that has images for text and layout as follow

name ______________ company _________________
email ______________ phone___________________