Что с этим опрокидыванием?

Question

Я ненавижу чинить вещи после кого-то.Особенно в WordPress: P.

http://greenteam.com.pl/oferta/

Проверьте этот сайт.Я добавил второй ряд кнопок (вам не нужно знать значение слов: P).Но, как вы можете видеть, он полностью разбивается, когда вы переворачиваете одну из опций второго ряда.Я могу найти что-то не так в .css и не знаю, как работает этот код WordPress:

<?php if (is_tree(6)): //podstrony oferta ?>
<ul id="submenu" class="current_<?= $post->ID ?><?php if (is_page(6)) {echo " main";} ?>">
    <?php wp_list_pages('depth=1&sort_column=menu_order&child_of=6&title_li=') ?>
</ul>

Есть какие-нибудь подсказки?Буду признателен за любую помощь.Это ошибка WordPress?Или это в .css?

Answer 1

Если вы отметите firebug , вы увидите, что высота от ссылки <a> изменяется с 37 до 39 пикселей. Из-за свойства с плавающей точкой все сдвигается вправо от верхнего блока.

Я думаю, что лучше всего проверить все ваши свойства высоты, потому что довольно странно изменять высоту на 2 пикселя при наведении курсора.

.oferta #content #submenu li a:hover {
    height: 39px;
}