Code:
<div id="iefix"> 
        <ul id="nav">
            <li><a href="#">NAZIV 1</a></li>
            <li><a href="#">NAZIV 2</a>
                <div>
                    <ul>
                        <li><a href="#">LINK 1</a></li>
                        <li><a href="#">LINK 2</a></li>
                        <li><a href="#">LINK 3</a></li>
                        <li><a href="#">LINK 4</a></li>
                        <li><a href="#">LINK 5</a></li>
                        <li><a href="#">LINK 6</a></li>
                        <li><a href="#">LINK 7</a></li>
                        <li><a href="#">LINK 8</a></li>                       
                    </ul>
                </div>
            </li>
            <li><a href="#">NAZIV 3</a></li>
         </ul>
    </div>

Code:
#iefix {
    position: absolute;
    z-index:1000;
    top: 124px;
}
#nav,#nav ul {
    font-family:verdana;
    list-style:none;
    margin:0;
    padding:0;
    position:relative;
    
}
#nav {
    height:25px;
    left:0;
    overflow:hidden;
    top:0;
}
#nav li {
    float:left;
    position:relative;
    z-index:2;
}
#nav li a {
    color:#280801;
    display:block;
    float:left;
    font-size:13px;
    align: bottom;
    height:28px; 
    line-height:29px; 
    padding:0 10px;
    position:relative;
    text-decoration: none;
    z-index:2;
}
#nav li:first-child a {
    padding-left:25px;
}
#nav li ul li:first-child a {
    background-image:none;
    padding-left:10px;
}
#nav li.pad {
    display:block;
    height:53px;
    width:35px;
}
#nav ul {
    background:#fff4d8;
    height:auto;
    padding:5px 5px;
    position: absolute;
    top:-215px;
    width:280px;
    z-index:10;

    border-radius:8px; /*some css3*/
    -moz-border-radius:8px;
    -webkit-border-radius:8px;
    transition:0.8s ease-in-out;
    box-shadow:2px 2px 3px rgba(0, 0, 0, 0.5);
    -moz-box-shadow:2px 2px 3px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow:2px 2px 3px rgba(0, 0, 0, 0.5);
    -moz-transition:0.8s ease-in-out;
    -o-transition:0.8s ease-in-out;
    -webkit-transition:all 0.8s ease-in-out;
}
#nav ul li {
    width:180px;
    
}
#nav ul li a {
    height:25px;
    line-height:20px;
    width:250px;
    text-align: left;
}
#nav:hover {
    height:400px; 
    
}
#nav li:hover ul {
    -moz-transform:translate(0,161px); /*some css3*/
    -o-transform:translate(0,161px);
    -webkit-transform:translate(0,161px);
}
#nav a:hover,#nav li:hover > a {
    color:#b71904;
    background:#FADDB1;
    text-align: left;
}