firefoxの上から余分な空白を削除してください

Question

ページの特定の部分は、firefoxでchromeと異なって見えます。 これは、それがクロムで次のようになります。

これは、それがFirefoxで次のようになります。

HTMLコード：

html, 
 
body { 
 
    width: 100%; 
 
    height: 100%; 
 
    margin: 0; 
 
    padding: 0; 
 
    margin-top: 0; 
 
    padding-top: 0; 
 
    overflow-x: hidden; 
 
} 
 
@media print { 
 
    body { 
 
    margin-top: 0 !important; 
 
    } 
 
} 
 
body { 
 
    background-color: white; 
 
    color: black; 
 
    padding: 0; 
 
    margin: 0; 
 
    min-height: 100%; 
 
    min-width: 100%; 
 
    overflow-x: hidden; 
 
} 
 
.rowa { 
 
    padding: 10px; 
 
    background-color: black; 
 
    color: white; 
 
    height: 100%; 
 
    margin: 0; 
 
} 
 
#title { 
 
    font-size: 36px; 
 
    display: inline-block; 
 
    color: white; 
 
}

<nav class="navbar navbar-inverse " id="navtop"> 
 
    <div class="container-fluid rowa"> 
 
    <div class="navbar-header"> 
 
     <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar"> 
 
     <span class="icon-bar"></span> 
 
     <span class="icon-bar"></span> 
 
     <span class="icon-bar"></span> 
 
     </button> 
 
     <a class="navbar-brand" href="#" id="title">title</a> 
 
    </div> 
 
    <div class="collapse navbar-collapse" id="myNavbar"> 
 
     <ul class="nav navbar-nav navbar-right menu " id="menu1"> 
 
     <li><a href="#" id="home1"> Home</a> 
 
     </li> 
 
     <li><a href="#" id="book"> Booking</a> 
 
     </li> 
 
     <li><a href="#" id="rate">Rates</a> 
 
     </li> 
 
     <li><a href="#" id="abt"> About us</a> 
 
     </li> 
 
     <li><a href="#" id="contact"> Contact us</a> 
 
     </li> 
 
     </ul> 
 
    </div> 
 
    </div> 
 
</nav>

上部から余分なスペースを取り除くことができず、ナビゲーションバー内の余分な埋め込みを取り除くことができません。

私は、cssではhtmlとbodyのマージンとパディングを0に設定し、min-widthとmin-heightは100％に設定しました。

また、画像とフォームの間に余分なスペースがあります（小さな画面デバイスの場合）。

これらの余分なスペースをFirefoxから削除するにはどうすればよいですか？助けてください。

Answer 1

CSSの高さのルールを調整してid = "menu1"に調整します。