У меня возникли проблемы при верстке страницы.


Блок с поиском должен быть наравне по высоте с блоком меню.

В опере все нормально, но в осле че-то не так кажет.



И еще вопрос - Как можно выровнять форму для текста по центру (по горизотали и вертикали).


Вот файл index.html

Код:
<div id="search_and_icon">
 <table id="isearch_and_icon" border=0 cellpadding=0 cellspacing=0>
 *<tr> 
 * <td id="left_space">
 * </td>
 * 
 * 
 * 
 * <td class="poisk">
 * *[img]poisk.jpg[/img]
 * </td>
 * 
 * 
 * 
 * <td id="space_after_poisk" colspan=3>
 * </td>
 * 
 *</tr>
 *<tr>
 * <td class="left_part">
 * *[img]left_part.jpg[/img]
 * </td>
 * 
 * 
 * 
 * <td id="middle" colspan=2>
 * *<form style="margin: 0px; padding: 0px;" align=center valign=center>
 * * <input type="text" *style="width: 115px; height: 18px;">
 * </td>
 * 
 * 
 * 
 * <td>
 * * <input type="image" src="naiti.jpg" style="width: 54px; height: 37px;">
 * *</form>
 * </td>
 * 
 * 
 * 
 * <td class="right_part">
 * *[img]right_part.jpg[/img]
 * </td>
 * * *
 *<tr> 
 * 
 * <td id="space_after_search" colspan=5>
 * </td>
 *</tr>
 *<tr> 
 * 
 * 
 * <td id="changing_icon" colspan=5 align=right>
 * *[img]notebook.jpg[/img]
 * </td>
 *</tr>
 </table>
</div>

Файл style.css
Код:
#search_and_icon {width: 246px; height: 302px; position: relative; left: *527px; top: -17px;}
#isearch_and_icon {width: 246px; height: 302px;}
#left_space {width: 33px; height: 17px;}
.poisk {width: 66px; height: 17px;}
#space_after_poisk *{width: 147px; height: 17px;}
.left_part {width: 33px; height: 37px;}
#middle {width: 120px; height: 37px; background-image: url(middle.jpg);}
.right_part {width: 39px; height: 37px;}
#space_after_search {width: 246px; height: 30px;}
#changing_icon {width: 246px; height: 218px;}
#ichanging_icon {width: 241px; height: 218px;}
Первая картинка, как показываеи осел

Вторая, как кажет в опере