Remove scroll bar from div

css, html

Solution

In your css, use `overflow:hidden`:

.nav div {
    display:block;
    float:left;
    width:20%;
    padding:0px;
    margin:0px;
    overflow:hidden
}

Also, your `.nav div` is missing a close brace

Problem

Created a navigation bar and looks good in firefox then behold, in chrome and ie theres a scroll bar. How can I set the navigation so theres no scroll bar? ``` 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> ```

Original source