Липкий нижний колонтитул вызывает падение содержимого ниже сгиба

Запуск проблемы в основном на iOS (сюрприз). Мой нижний колонтитул - липкий нижний колонтитул, в то время как он работает в соответствии с тем, как работает липкий нижний колонтитул, проблема заключается в том, что содержимое падает ниже нижнего колонтитула, главным образом изображение дамы.

Я пробовал несколько обходных решений, охватывающих изображение в фоновом режиме, объединяя его в нижний колонтитул, другое расположение и ничего не работает. Может быть, я упускаю из виду что-то очевидное здесь?

Я заменил исходное изображение. Переместите ваш браузер по вертикали полностью в скрипке, и вы увидите, что контент опустится ниже. Также я попытался использовать position:fixed на .quote но это вызывает проблемы с мягкой клавиатурой на iOS и Android.

FIDDLE: http://jsfiddle.net/6u5AJ/

    .foot_c {
      position: absolute;
      left: 0;
      bottom: 0;
      width: 100%;
      overflow-y:hidden;
      margin: auto;
    }
    .footer {
      background: #3c78bc;
      position: relative;
      text-align: center;
      padding: 8px 0 5px;
      text-align: center;
      color: #FFFFFF;
      z-index: 3;
    }
    .footerbg {
      background: url(images/bgfoot.png);
      background-repeat: no-repeat;
      background-size: 100%;
      min-height: 90px;
      position: relative;
      z-index: 1;
    }

  <div class="bg">
    <div class="container">
      <div class="logo">
        <img src="images/logo.png" alt="logo">
      </div>
          <div class="column">
              <form id="myform" action="buttons.html" method="POST">
                  <input type="text" name="field1" placeholder="Enter your Zip"></input>
                  <input type="submit" value="Compare"></input>
              </form>
          </div>
          <div class="quote">
            <img src="images/quote_lady.png" alt="quote_lady">
          </div>
        </div>
         <div class="foot_c">
        <div class="footerbg">
        </div>
        <div class="footer">
              <p><a href="tel:1-(999)-999-9999">Your Guide to Auto Insurance Quotes!</a></p>
              <div class="phone">
                <img src="images/phone.png" alt="phone">
                <h3><a href="tel:1-(999)-999-9999"><span>Call Now</span><strong>1-(999) 999-9999</strong></a></h3><br />
              </div>
              <br><a href="terms.php" style="font-size: xx-small; text-decoration: underline">Terms of Use</a>  |  <a href="privacy.php" style="font-size: xx-small; text-decoration: underline">Privacy Policy</a>
          </div>
        </div>
      </div>