вертикальное выравнивание элементов

[pattaya]

Опять-доброй ночи.

<div class="container2">

		 <div class="hr">Subsea Enclosures</div> 

			 <div class="host">

	   <p style="margin:30px 0 0 15px" align="left"><span class="text_black">Subsea Enclosures</span></p>

			  <table> 
				   <tr>
					 <td width="33%" style="vertical-align:top"><img src="../images/Subsea Enclosures/Subsea Enclosures1.gif" />Metallic Enclosures</td>
					 <td width="33%"><img src="../images/Subsea Enclosures/Subsea Enclosures2.gif" />Plastic Enclosures</td>
					 <td width="33%"><img src="../images/Subsea Enclosures/Subsea Enclosures3.gif" />Design,<br />
																						Engineering & <br/>
																						structural analysis</td>

				   </tr>
				</table> 
			  </div>
			 </div>

,

а это стили:

.host	  { text-align:center;
			margin:0 30px;
			font-size:18px;
			vertical-align:top;

			}

.container2 {
	left : 0;
	position : relative;
	top : 0;
	width : 944px;
	z-index : 10;
	color : #006699;
	   }

.hr { padding:5px 0;
	position:relative;
	border-bottom:4px solid #006699;
	width:100%;
	font-weight:bolder;
	text-align:left;
	color:#006699;
	text-indent:30px;

}

.host   { text-align:center;
			margin:0 30px;
			font-size:18px;
			vertical-align:top;

			}

подскажите пожалуйста почему содержимое таблицы не хочет выравниваться по вертикали классом .host? Или как образом убрать пробел между <p> и <table>?

[npofopr]

эмс. в общем вам наверно надо обнулять некоторые элементы.

пробел между абзацем и таблицей?

.host p {margin:0; padding:0;}
.host td {vertical-align:top;}
.host table {border-collapse: collapse; border-spacing: 0;}

[pattaya]

Спасибо, .host td {vertical-align:top;} - этот способ помог.