Помогите понять, почему картинка, назначенная как bg image в блоке "9", сносит это блок, двигает все остальные наплевав на настройки, и при том, сама не нужного размера. Пожалуйста, помогите понять что я где не дописал.
Вот скриншот всего что вышло:

[IMG]http://s2.ipicture.ru/uploads/20110516/thumbs/nNF3srhL.png[/IMG]

Вот код index.html


А вот CSS
[CSS]html, body {
margin:0px;
padding:0px;}
body, input, select, textarea {
background-color: #C0c0c0;}
td, input, select, textarea {
font-family: Tahoma;
font-size: 11px;
color: #000000;
vertical-align: top; }
td {padding: 0px;}

table.main {width: 100%; height: 100%; border-collapse: collapse;}
td.1 {}
td.2 {}
td.3 {}
td.4 {}
td.5 {}
td.6 {}
td.7 {}
td.8 {}
td.9 {background-image: url(sourse\main.jpg);}[/CSS]