Добрый вечер!
Имеем табличку - одна строка, 3 столбца.

<table id="header-table">
<tr>
<td id="header-left">
Logo
</td>
<td id="header-center">
<h1>Оптово-розничный магазин кожаной мягкой мебели. 111111111111111111111 11111111111111111 111111111111111111111 11111111111111111111111111111111111111 11111111111111111111111111111111111111 11111111111111111</h1>
<h3>Недорогие, качественные диваны и кресла в натуральной коже. 22222222222222222222222222222 2222222222222222222222222222222222222 22222222222222222222222222222 222222222222222222222222222222222222222222222222222222222222222222 222222222222222222222222222222222222222222222222222222222222222222 222222222222222222222222222222222222222222222222222222222222222222 2222222222222222222222222222222222222</h3>
</td>
<td id="header-right">
Search
</td>
</tr>
</table>


Имеем CSS

#header-table {
background: #3A5D7A;
height: 100px;
border-bottom: solid 2px #C6CCD7;
border-top: solid 2px #C6CCD7;
width:100%;
}
#header-center {
width:50%;
vertical-align: bottom;
border: solid 2px #C6CCD7;
}
#header-left {
background: #3A5D7A left no-repeat;
width:25%;
border: solid 2px #C6CCD7;
}
#header-right {
background: #3A5D7A right no-repeat;
width:25%;
border: solid 2px #C6CCD7;
}


Проблема:
1)Текст в <h1> и в <h3> вылазит далеко за пределы своей средней колонки таблицы, как вправо, так и вниз
2) Текст h1 залезает на h3 (в случае, если был перенос на след строку)

Вопрос:
1)Как сделать, чтобы текст в <h1> и в <h3> переносился на другую строчку в своей колонке
2)Как сделать, нижняя часть таблицы автоматически отступала(разрасталась) от приближающегося к ней текста.
3)Как сделать, чтобы текст <h1> не залазил на текст <h3> (h3 должен отступать от надвигающегося h1)

Спасибо. Вопрос снят.. вечером осенило - нашел баг в другом месте :)