# CCS Menu help!

**URL:** <https://forum.kirupa.com/t/ccs-menu-help/329292>\
**Category:** web dev\
**Created:** [August 9, 2012, 7:46pm UTC](https://forum.kirupa.com/t/ccs-menu-help/329292 "2012-08-09T19:46:02Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![camaleon](https://avatars.discourse-cdn.com/v4/letter/c/e36b37/32.png) [@camaleon](https://forum.kirupa.com/u/camaleon)\
**Post date:** [August 9, 2012, 7:46pm UTC](https://forum.kirupa.com/t/ccs-menu-help/329292/1 "2012-08-09T19:46:02Z")

</div>

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???

```auto

#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);
}

```