guten tag. mein oberes navi menu ist auf 2 zeilen da ich sehr viele produktkategorien habe und die height auf 60px gestellt habe, damit es halt auf 2 zeilen erscheint. klappt auch prima, aber wenn ich auf eine kategorie hovere die unterkategorien hat, dann verschiebt sich die 2 zeile immer nach rechts. sie wird praktisch vom dropdown nach rechts verschoben. wenn ich darauf klicke dann verschiebt die 2 zeile sich permanent nach rechts obwohl das dropdown dann ja verschwindet. ich habe versucht am css rumzuschrauben aber ohne erfolg. währe sehr dankbar wenn jemand mir einen tipp geben könnte was ich an dem folgenden css ändern muss damit es richtig funktioniert und das dropdown die 2 zeile nicht mehr verschiebt, sich also praktisch darüber visualisiert ohne konsequenzen in der formatierung zu verursachen. habe schon einen anderen post zu diesem thema hier gelesen, konnte es aber trotzdem nicht lösen. liegt das eventuell an einem fehlenden position: absolute; css? vielen dank im voraus. vg, paul :happy: :thumbup: /* SHOP NAVIGATION ------------------------ */ #topbar input {color: #999;border-color:#fff;} #topbar input:hover {border-color: #c7c7c7} #topbar .currency {border-color: #c7c7c7} #topbar select {color: #999;} .my_options a {color: #009ee0} #mainNavigation {background-color: #009ee0;} #mainNavigation a {color:#fff;border-left-color: #009ee0;border-right-color:#36b2e6;font-size:14px;} #mainNavigation .dropactive:hover a {color: #009ee0;} #mainNavigation a.first {border-left-color: #36b2e6;} #mainNavigation a.active {color: #009ee0; font-weight: normal;height:30px;border: 1px solid;border-bottom: 0 none;} #mainNavigation {height: 60px;} /* Drop down menu */ #mainNavigation ul li.dropactive:hover a {background-image: none;background-color: #fff;border-color: #000;border-bottom-color: #c7c7c7;color: #000;height:30px;} #mainNavigation ul li.dropactive:hover ul.dropdown li:hover a {color: #fff;background-color: #009ee0;} #mainNavigation ul li.dropactive:hover ul.dropdown li:hover li a {color: #009ee0; background-color: #fff;} #mainNavigation ul li.dropactive:hover ul.dropdown li:hover li:hover a {color: #fff;background-color: #009ee0;} #mainNavigation ul li.dropactive:hover ul.dropdown li:hover li:hover li a {color: #009ee0;background-color: #fff;} #mainNavigation ul li.dropactive:hover ul.dropdown li:hover li:hover li:hover a {background-color: #009ee0;color:#fff;} #mainNavigation ul li.dropactive:hover ul.dropdown li li:hover a {color: #fff;} #mainNavigation ul li.dropactive:hover li:hover a {color: #fff;background-color: #009ee0;} #mainNavigation li:hover ul.dropdown, #mainNavigation li:hover ul.droplevel {background-color: #fff; border-color: #000;} #mainNavigation ul li.dropactive:hover ul.droplevel {background-color: #fff;border-color: #000;} #mainNavigation ul li.dropactive:hover ul.dropdown li.sub {background-color: #fff;} #mainNavigation ul li.dropactive:hover ul.dropdown li.sub:hover {background-color: #009ee0;} #mainNavigation ul li.dropactive:hover ul.dropdown li a {color:#009ee0;border-color: #c7c7c7;}