alignment problem of hidden input field inside a <td> in IE

Hi,

I am using a RadDatePicker  in my application and I put it inside a table. But it does not look the same on firefox and ie7. Here is the image as it apprears on IE7: http://i62.photobucket.com/albums/h116/ikaruga7/table.jpg

As I noticed, the spaces (above and below) each textfield are caused by the hidden fields. I attached here a sample code I created which demonstrate this issue. Please try to look them on IE7 and firefox to see what I mean. I am also attaching here the css of the table's td.

Sample Code:
=========
asd
<table>
<tr>
<td><input style="visibility: hidden;display:block; float:right;margin:0;width:1px;height:1px;overflow:hidden;border:0;padding:0;" id="RadDatePicker_Compare_From_Start_Date" name="RadDatePicker_Compare_From_Start_Date" type="text" value="2003-05-01" /><span id="RadDatePicker_Compare_From_Start_Date_dateInput_wrapper" class="radInput_Office2007"><input id="RadDatePicker_Compare_From_Start_Date_dateInput_text" class="radEnabledCss_Office2007" style="width:62px;" /><input style="visibility:hidden;float:right;margin:-18px 0 0 0;width:1px;height:1px;overflow:hidden;border:0;padding:0;" id="RadDatePicker_Compare_From_Start_Date_dateInput" name="RadDatePicker_Compare_From_Start_Date$dateInput" type="text" value="2003-05-01-00-00-00" /><input id="RadDatePicker_Compare_From_Start_Date_dateInput_ClientState" name="RadDatePicker_Compare_From_Start_Date_dateInput_ClientState" type="hidden" /></span>
</td>
</tr>
</table>
asd
=========
 
 
TD CSS:
=========
font-family: Verdana, Geneva, ms sans serif;
font-size: 10px;
font-weight: bold;
white-space: nowrap; 
vertical-align: middle;
text-align: left;
padding: 2px 4px 2px 4px;
=========

Select allOpen in new window