IE table height css

[Mardus]

Hi,

I can't figure out how to make a certain tr/td thinner (in height) in IE. I'm using content management system, that's why it contains smarty {}. But the top_panel_header should be ~28px in height, right now it's like 50px, seems automatically. Also classes "otsing_vali" and "otsing_nupp" along with the title should place at the middle center of the tr/td. The code:


<tr>
<td class="top_panel_header">
<div style="height: 25px;">
<table width="100%" border="0" cellpadding="0" cellspacing="0" align="center">
<tr>
<td width="19%" style="padding-left:45px;"><a style="font-weight: bold; color: #003398;" href="?id=19655" class="">Avaleht</a></td>
<td align="center" class="top_panel_font" nowrap><a href="?id=19655"><div style="font-size: 20px; font-weight: bold; color: #c1011a; font-family: Verdana, sans-serif;" style="a:hover: #c1011a;">TALLINNA KESKRAAMATUKOGU MUUSIKAOSAKOND</div></a></td>
<td width="19%" height="20" class="panel_otsi"><form name="otsivorm" id="otsivorm" align="center" method="get" style="margin-top: 10px;"><input type="hidden" name="tpl" value="{$tpl}"><table border="0" cellpadding="0" cellspacing="0" height="20"><tr><td width="15"><img src="{$wwwroot}/px_custom/px_muusikaleht/tyhi.gif" vspace="0" hspace="0" border="0" width="1" height="1" alt="spacer"></td><td><input type="text" name="otsi" value="" class="otsing_vali" onClick="javascript: if(this.value=='') this.value=''" onBlur="javascript: if(this.value=='') this.value=''" border="0" style="color: #003399;"></td><td width="5"><img src="{$wwwroot}/px_custom/px_muusikaleht/tyhi.gif" vspace="0" hspace="0" border="0" width="1" height="1" alt="spacer"></td><td><input type="submit" value="otsi" class="otsing_nupp"></td><td width="5"><img src="{$wwwroot}/px_custom/px_muusikaleht/tyhi.gif" vspace="0" hspace="0" border="0" width="1" height="1" alt="spacer"></td></tr></table></form></td>
</tr>

Hope someone can help, what exactly should I change here, it's driving me crazy already...

Thanks in advance...

[bluewalrus]

you could try the style in the td it self rather then the div
<td width="19%" style="padding-left:45px; height: 25px;">

[Mardus]

It does not help, bluewalrus :/ I'll try solving it with <div>'s perhaps... I'm open for any ideas though...

[Mardus]

Got it solved, just a margin: 10px had to be margin: 2px :)