Помогите разобраться с проблемой ширина блока div 100%

[jaans]

Здравствуйте! уже 3 ей день воюю с проблемой помогите одолеть. Проблема такого характера есть блок footer блок div вот ниже весь код.

<div id="footer-wrapper">

<div id="footer" class="clearfix">

</div>

<div id="footer-info-photographer">

<p></p>

</div>

</div>

вот css код

#footer-wrapper {

background: none repeat scroll 0 0 #3E3E3E;

color: #FFFFFF;

}

#footer {

margin-left: auto;

margin-right: auto;

min-width: 920px;

width: 1200px;

}

#footer-info-photographer{

margin-left: auto;

margin-right: auto;

min-width: 920px;

width: 1200px;

}

#footer-info-photographer p{

text-align: center;

}

Проблема вот в чем на компьютере в любом браузере блок #footer-wrapper отображается на всю ширину окна а если смотреть на андроид телефоне или планшете то почему то справа появляется дырка. То есть блок как бы не растягивается на всю ширину а прижимается в лево.

В чем может причина? все лишнее уже отключал сайт на drupal кэш чистил и так далее.

Сам сайт www.estran.ru

Спасибо

Edited August 3, 2013 by jaans

[Struggle]

мб скрины подкинешь?)

[jaans]

Да. Сегодня скинул фотку

[jaans]

Вот скрин как выглядит на телефоне

[jaans]

Разобрался сам проблема была в назначении основному боди стилей для центрирования. Для Body стили

body {

background: none repeat scroll 0 0 #E8E8E8;

color: #323232;

font-family: Lucida Grande,Verdana,Arial,sans-serif;

font-size: 12px;

line-height: 18px;

min-width: 1200px;

}

А для блока wrapper

#wrapper {

margin-left: auto;

margin-right: auto;

min-width: 900px;

width: 1200px;

}

Для блока footer-wrapper

#footer-wrapper {

background: none repeat scroll 0 0 #3E3E3E;

color: #FFFFFF;

}

Внутри него блок footer

#footer {

margin-left: auto;

margin-right: auto;

min-width: 920px;

width: 1200px;

}

таким способом все отображается корректно как в браузерах так и в телефонах.