.nav > li {
    float: left;
}

.nav li ul {
    left: -9999px;
}

.nav > li.hover > ul {
    left: 0;
}

.nav li li.hover ul {
    left: 100%;
}