Javascript-форум - Не корректное отображение таблицы в FF

Здравствуйте, такой вот код.

<html><head>
<script src='../jquery-1.4.2.min.js' language='javascript'></script>
<script language='javascript'>
function adduserpost(){
	res="<tr style='background-color: #ffffff'><td class='normal'>Фамилия: </td><td><input type='text' name='u_f' class='input' style='width: 200px' value=''></td></tr>";
	$('#modermsgdiv').append(res);
}
</script>
</head>
<body>
<table cellspacing=1 cellpadding=5 style='background-color: #e1e1e1'>
<tr style='background-color: #ffffff'><td class='normal'>Фамилия: </td><td><input type='text' name='u_f' class='input' style='width: 200px' value=''></td></tr>
<tr style='background-color: #ffffff'><td class='normal'>Имя: </td><td><input type='text' name='u_i' class='input' style='width: 200px' value=''></td></tr>
<tr style='background-color: #ffffff'><td class='normal'>Отчество: </td><td><input type='text' name='u_o' class='input' style='width: 200px' value=''></td></tr>
	<tr id='modermsgdiv' style='background-color: #ffffff'>
		
	</tr>
<tr style='background-color: #ffffff'>
	<td colspan=2 align=center>
	   <a href='java script:;' onclick='adduserpost();' class='normal main'>Добавить</a>
	 </td>
</tr>
</table>
</body>
</html>

Проблемма в следующем, по нажатию на кнопку "Добавить", в IE, всё отображается именно так, как хотелось бы, в то время, как в FF поле съезжает.
Хотя, если в ФФ страницу с добавлеными полями сохранить, и загрузить сного, то всё отображается как задуманно.
P.S. Если контейнер(id='modermsgdiv'), засунуть скажем в TD или DIV, то в IE не работает ф-ция append :(
P.P.S. Возможно просто по своей тупости, забыл указать какое-то св-во таблицы? Подскажите пожалуйста какое?
IE8:

FF3:

<!DOCTYPE html> <html> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <style type='text/css'> </style> <script src='../jquery-1.4.2.min.js' language='javascript'></script> <script type="text/javascript"> function adduserpost(){ res="<tr style='background-color: #ffffff'><td class='normal'>Фамилия: </td><td><input type='text' name='u_f' class='input' style='width: 200px' value=''></td></tr>"; $("#modermsgdiv").append(res); return false } </script> </head> <body> <table cellspacing=1 cellpadding=5 style='background-color: #e1e1e1'> <tbody> <tr style='background-color: #ffffff'> <td class='normal'>Фамилия: </td> <td><input type='text' name='u_f' class='input' style='width: 200px' value=''></td> </tr> <tr style='background-color: #ffffff'> <td class='normal'>Имя: </td><td><input type='text' name='u_i' class='input' style='width: 200px' value=''></td> </tr> <tr style='background-color: #ffffff'> <td class='normal'>Отчество: </td> <td><input type='text' name='u_o' class='input' style='width: 200px' value=''></td> </tr> </tbody> <tbody id='modermsgdiv' style='background-color: #ffffff'> </tbody> <tbody> <tr style='background-color: #ffffff'> <td colspan=2 align=center> <a href='#' onclick='adduserpost();' class='normal main'>Добавить</a> </td> </tr> </tbody> </table> </body> </html>