Кривой backgroung-image в устройствах iPhone и iPad

[santik]

Проблема следующая.

Сделал сайт-визитку.

Таблица из 3-х строк(шапка, контент, подвал), в каждой по ячейке. Каждой из ячеек прописал backgroung-image.

Сайт во всех браузерах отображается нормально, но если заходить с iPhone или iPad бэкграунд контента сжимается и занимает лишь половину ширины, в то время как шапка и подвал отображаются как следует.

В чем может быть дело?

HTML

<tr>

<td id="header"></td>

</tr>

<tr>

<td id="content"></td>

</tr>

<tr>

<td id="footer"></td>

</tr>

CSS

#header {

width:1024px;

padding:0px;

height:335px;

margin:0px;

background-image:url(../img/header.jpg);

}

#content {

margin:0px;

padding:0px;

width:1024px;

height:3034px;

background-image:url(../img/content.jpg);

}

[santik]

Предположений нет? Может специфика сафари? Контент шириной 1024 а высотой аж 3000 с лишним.

[santik]

Всем спасибо за участие. Проблема решилась разбиение большого контента на несколько более маленьких.