使用FireFox重新調整大小窗口的響應式佈局設計問題

我在網站設計中使用版本3.2.3的zurb-foundation。它適用於Chrome，但在附帶的屏幕截圖圖像中顯示的FireFox存在問題。簡單地說，當我重新調整瀏覽器的窗口大小時，在FirFox中，右側的某些部分不會顯示，如下圖所示。 FireFox中的垂直滾動條也消失了。使用FireFox重新調整大小窗口的響應式佈局設計問題

以下是頁面的頭部代碼：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html dir="rtl" lang="ar" xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
    <!-- Set the viewport width to device width for mobile --> 
    <meta name="viewport" content="width=device-width" /> 
    <meta name="viewport" content="width=device-width,initial-scale=1" /> 
<link rel="stylesheet" type="text/css" href="/quran/themed/slate/css/imports.css" /> 

    <script type="text/javascript" src="/quran/themed/slate/js/libs/modernizr-2.0.6.min.js"></script> 



    <!--[if lt IE 9]> 
      <![endif]--> 


    <!-- IE Fix for HTML5 Tags --> 
    <!--[if lt IE 9]> 

    <![endif]--> 
<title></title>

這是火狐版本：16.0.2在Windows 7 64位與屏幕分辨率1366 * 768。

我需要知道如何解決這個問題。

enter image description here