Problem z zaokrąglonymi narożnikami CSS - css, menu, hover, drop-down-menu, state

Mam ten problem z zaokrąglonymi rogami CSS. Link do przykładu znajduje się tutaj: http://www.xplus.dnawrot.nazwa.pl/

Jak widać na górze na ciemnoniebieskie tło to menu rozwijane. Problem dotyczy stanu zawisu na first ul li list(przedmiotów: oferta, klienci, akademia) który ma dzieci. Jak zauważysz, jeśli ustawisz skupienie myszy na oferta przedmiot prawidłowo wyświetla rogi, ale jeśli zejdziesz na dół second ul li lista (rozwijana - „rozwiazania branzowe”, „produkty” itp) prawa strona disapperów zaokrąglonego rogu. I to jest logiczne, ponieważ istnieje styl CSS li element i a element, a jeśli mysz opuszcza a element został usunięty. Czy ktoś ma rozwiązanie tego problemu?

Jeśli opis nie jest jasny, daj mi znać, a postaram się wyjaśnić bardziej szczegółowo.

Pozdrowienia, Dave

Odpowiedzi:

Może spróbujesz zawinąć „a” i „ul” w tagu „span”, a następnie użyć css do sterowania span: hover zamiast a: hover.

<li class="">
<span>
<a class="sf-with-ul" title="Klienci" href="http://www.xplus.dnawrot.nazwa.pl/pl/klienci">
<ul style="display: none; visibility: hidden;">
</span>
</li>

Nie przetestowałem tego, ale możesz spróbować.