высоты колонтитула в CSS

У меня есть проблема с сноской, определенной с этим CSS:высоты колонтитула в CSS

div#footer { 
    height:80px; 
    background-color:#f2f2f2; 
    bottom:0; 
    left:0; 
    z-index:999; 
    border-top: solid 1px #ccc; 
}

В светлячок он прекрасно работает, как положено, так что сноска продолжается до конца страницы: firefox view но в Chorme, когда страница очень короткая, я получаю что-то вроде этого: chrome view , но я хочу, чтобы красный блок тоже был серым, как в Firefox.

Могу ли я исправить это, не установив фиксированную высоту для нижнего колонтитула? Благодарю.

Подробнее Код:

div#footer .main { 
    width:986px; 
    margin:0 auto; 
    color:#999; 
    font-size:11px; 
} 

body { 
    background-color:#E0DDD2; 
    font-family: Helvetica,Arial,sans-serif; 
    font-size:12px; 
    color:#1a1a1a; 
    line-height:16px; 
} 

<body> 
    <div id="footer"> 
     <div class="main"> 
      <cq:include path="footer" resourceType="where/components/iparsys"/> 
     </div> 
    </div> 
</body>

источник

2013-06-28 tony danza

нужен больше коды, но это выглядит, как вы установите цвет фона на ваше тело тега, как красные, и у вас есть обертка вокруг содержания страницы с белым фоном. Если это так, просто измените цвет фона тела на тот же серый, что и нижний колонтитул, и это должно сделать трюк. – relic

по коду, он на самом деле означает разметку, отправляйте столько, сколько сможете, из своего html, чтобы мы могли вам помочь :) –

попробуйте добавить 'position: relative' to' div # footer' CSS. 'Left' и' bottom' ничего не делают –