CCS Menu help!

programming web dev
1

Hi guys!

I’m working on css menu.

I noticed when I minimize the window (smaller) the menu block buttons go down, top of each other. how can I fix it?

Which is the CSS property that I can use for if I minimize the window the buttons dont move???


#nav {
    margin: 0;
    padding: 7px 6px 0;
    line-height: 100%;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
    background-image: url(imagenes/barra-nav-bg.png);
    background-repeat: repeat-x;
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-top-style: solid;
    border-bottom-style: solid;
    border-top-color: #21aed8;
    border-bottom-color: #000057;
}

#nav li {
    margin: 0 5px;
    padding: 0 0 8px;
    float: left;
    position: relative;
    list-style: none;
}
/* main level link */
#nav a {
    font-weight: bold;
    color: #FFFFFF;
    text-decoration: none;
    display: block;
    padding:  8px 20px;
    margin: 0;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
}