Помогите Глючит В Ие Таблица + Формы

[finski]

Народ, сорь. облазил весь интернет, но решения своей проблемы не нашол.

В начале верстал в дивах (слоями) в конце решил проще по старинке табличной версткой написать - один и тот же глюк

При вставлении в ячейу (или в див) формы <form> в ИЕ все расползается.

точнее: ячейка расширяется а вместе с расширением ячейки бэкграунд становится виден как 1целый + кусочек идет на повтор ниже по вертикали

как избежать этого?

+ как первые две формы (логин и пароль) никак не могу поставить по вертикали по центру (горизонтально по центру ячейки они стали у меня)

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

Заранее спасибо

<style type="text/css">

.login { width:100px;height:17px; border-width:1px; background-position: center center; padding: 0px 0 0 0; }
.password { width:100px;height:17px;border-width:1px; background-position: center center; padding: 0px 0 0 0; }
.add_user { width:38px;height:31px; background:url("/images/2bar_06.jpg") no-repeat; background-position: center center;float:left; border-width:0px;}


.table { background: no-repeat }
.td { background: no-repeat }
</style>

<table width="970" height="31" border="0" cellpadding="0" cellspacing="0">
	<tr>
		<td background="images/2bar_01.jpg"  width="151" height="31" background-repeat="no-repeat" >			</td>
		<td background="images/2bar_02.jpg"  width="120" height="31" align="center" valign="middle" background-repeat="no-repeat">
		<form action="add_user.php" method="post"><label><input name="user" type="text" class="login"></label></form>	  </td>
		<td background="images/2bar_03.jpg"  width="48" height="31" background-repeat="no-repeat" >			</td>
		<td background="images/2bar_04.jpg"  width="121" height="31" align="center" valign="middle" background-repeat="no-repeat"> 
		<form action="add_user.php" method="post"><label> <input name="pass" type="password" class="password"></label></form>
					</td>
		<td background="images/2bar_05.jpg"  width="13" height="31" background-repeat="no-repeat">			</td>
		<td background="images/2bar_06.jpg"  width="39" height="31" align="center" valign="middle" background-repeat="no-repeat">
		<form action="add_user.php" method="post"><label><input name="submit" type="submit" value="" class="add_user" /></label></form>
			</td>
		<td background="images/2bar_07.jpg"  width="478" height="31" background-repeat="no-repeat">			</td>
	</tr>
</table>

[Great Rash]

У формы по умолчанию есть отступы, обнулите их.

Т.к. все поля формы являются inline-элементами, то можно применить к ним vertical-align для выравнивания по высоте.

Зачем вы оборачиваете каждое поле в <form>? Так у вас работать ничего не будет.

[finski]

Зачем вы оборачиваете каждое поле в <form>? Так у вас работать ничего не будет.

можете пояснить этот момент? а то в формах я еще нуб(

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

по центровке кстати, все отлично... просто на локальном компьюторе глючило... а как залил на серв все стало тютелька в тютельку под всеми браузерами)