html - div からスクロール バーを削除する

Question

ナビゲーション バーを作成し、Firefox で見栄えがよくなり、見よ、クロムで、つまりスクロール バーが表示されます。スクロールバーがないようにナビゲーションを設定するにはどうすればよいですか?

  header {
  width: 800px;
  margin-left: auto;
  margin-right: auto;
  padding-top: -7px;
  margin-top: -8px;
}

.nav {
  width: 600px;
  line-height: 0px;
  margin-left: auto;
  margin-right: auto;
}

.nav div {
  display: block;
  float: left;
  width: 20%;
  padding: 0px;
  margin: 0px;
  .nav img a {
    padding-right: 10px;
  }

<header>
  <div id="wrapper">
    <div class="nav">
      <div>
        <a href="index.html"><img width="103px" border="0" height="24" src="nav-01_over.gif"></a>
      </div>
      <div>
        <a href="company.html"><img src="nav-02.gif" width="103px" border="0" height="24"></a>
      </div>
      <div>
        <a href="products.html"><img src="nav-03.gif" width="103px" border="0" height="24"></a>
      </div>
      <div>
        <a href="solutions.html"><img src="nav-04.gif" width="103px" border="0" height="24"></a>
      </div>
      <div>
        <a href="investors.html"><img src="nav-05.gif" width="103px" border="0" height="24"></a>
      </div>
    </div>
</header>

Answer 1

CSS を変更して以下を追加します。

overflow: hidden;

Answer 2

 $(function() {
    $( "#draggable" ).draggable();//drag out of window
    $( "#draggable" ).draggable({ containment: "window"});
 });