Navigation scroll bar So I'm trying to code a navigation scroll bar like that looks like this: 



This is the code:



&lt;!DOCTYPE html&gt;
&lt;html&gt;
&lt;head&gt;
&lt;style&gt;
ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

li {
    float: left;
}

a:link, a:visited {
    display: block;
    width: 120px;
height: 50px;
    font-weight: bold;
    color: #FFFFFF;
    background-color: #98bf21;
    text-align: center;
    padding: 4px;
    text-decoration: none;
    text-transform: uppercase;
}

a:hover, a:active {
    background-color: #7A991A;
}
&lt;/style&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;div style="width:100%;height:75px;overflow-y:hidden;overflow-x:scroll;"&gt;
&lt;div class="wrapper"&gt;
&lt;div class="content"&gt;
        &lt;div style="width:2000px;"&gt;
&lt;ul&gt;
&lt;li&gt;&lt;a href="http://www.w3schools.com"&gt;&lt;img src="http://bithumor.co/bh-logo.png" width="50" height="50"&gt;&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href="http://www.w3schools.com"&gt;&lt;img src="http://bithumor.co/bh-logo.png" width="50" height="50"&gt;&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href="http://www.w3schools.com"&gt;&lt;img src="http://bithumor.co/bh-logo.png" width="50" height="50"&gt;&lt;/a&gt;&lt;/li&gt;
 &lt;li&gt;&lt;a href="http://www.w3schools.com"&gt;&lt;img src="http://bithumor.co/bh-logo.png" width="50" height="50"&gt;&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href="http://www.w3schools.com"&gt;&lt;img src="http://bithumor.co/bh-logo.png" width="50" height="50"&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/body&gt;
&lt;/html&gt;




How does it look? Should I remove the scroll bar? If so, how do I do that?
You have the scroll always on because you set the overflow-x:scroll; in the first div. Change it to hidden and it should never show itself again.

&lt;div style="width:100%;height:75px;overflow:hidden;"&gt;


You have to remember that if you will hide it in some cases the content may not be visible (too small browser window width or to many elements if you plan to add more). I don't know what you want to do with it but you should consider some kind of dynamic scrolling or width adjustment.