CSS - Border Radius

by johnpapa

HTML

<div class="showroomList">
    <ul id="navlist">
        <li>Home</li>
        <li>Products</li>
        <li>Services</li>
        <li>About</li>
        <li>Contact</li>
        <li>1</li>
        <li>2</li>
        <li>3</li>
        <li>4</li>
        <li>5</li>
    </ul>
</div>

CSS

.showroomList
{
    border: 10px solid #5c86b1;
    height: 100px;
    overflow-y:hidden;
    overflow-x:scroll;
    border-radius: 75px;
    box-shadow: #B3B3B3 8px 8px 8px;
    
}
#navlist li
{
    width:100px;
    
    display: inline;
    padding-right: 10px;
    float: left;
    list-style-type: none;
    
    line-height: 80px;
    text-decoration: none;
    font-family: "Segoe UI", Georgia, "Times New Roman", Times, serif;
    font-size: 21px;
}

.foo
{
    background-color:#5c86b1;
}