выпадающее меню с использованием HTML и CSS доставляет мне головную боль

<div class="fbtop">
  <img src="https://static.solidshops.com/1441/files/Logo-site.png" title="Pieke Wieke" alt="Pieke Wieke">
  <h2 class="title">Zelfgemaakt met liefde</h2>


  <ul class="dropdown">
    <li>
  <a href="https://piekewieke-fb.solidshops.com/category/naaibenodigdheden">Naaibenodigdheden</a>

     <ul class="sub_menu">
            <li>
      <a href="https://piekewieke-fb.solidshops.com/category/naaibenodigdheden-allerlei">Allerlei</a>
              </li>
            <li>
          <a href="https://piekewieke-fb.solidshops.com/category/naaibenodigdheden-spelden">Spelden</a>
              </li>
            <li>
      <a href="https://piekewieke-fb.solidshops.com/category/naaibenodigdheden-naalden">Naalden</a>
              </li>
          </ul>
      </li>
    <li>
  <a href="/category/stoffen">Stoffen</a>

  <ul class="sub_menu">
            <li>
      <a href="/category/stoffen-effen">Effen</a>
              </li>
            <li>
      <a href="/category/stoffen-katoen">Katoen</a>
                <ul>
                    <li>
          <a href="/category/stoffen-katoen-pieke-wieke-for-soft-cactus">Pieke Wieke for Soft Cactus</a>
        </li>
                    <li>
                        <a href="/category/stoffen-katoen-soft-cactus">Soft Cactus</a>
        </li>
                    <li>
          <a href="/category/stoffen-katoen-bedrukte-katoen">Bedrukte katoen</a>
        </li>
                    <li>
          <a href="/category/stoffen-katoen-basics">Basics</a>
        </li>
                    <li>
          <a href="/category/stoffen-katoen-stretchkatoen">Stretchkatoen</a>
        </li>
                  </ul>
              </li>
            <li>
      <a href="/category/stoffen-bedrukt">Bedrukt</a>
              </li>
            <li>
      <a href="/category/stoffen-stretch-katoen">Stretch katoen</a>
              </li>
            <li>
      <a href="/category/stoffen-tricot">Tricot</a>
              </li>
            <li>
      <a href="/category/stoffen-flannel">Flannel</a>
              </li>
            <li>
      <a href="/category/stoffen-gabardine">Gabardine</a>
              </li>
            <li>
      <a href="/category/stoffen-ribfluweel">Ribfluweel</a>
              </li>
            <li>
      <a href="/category/stoffen-voering">Voering</a>
              </li>
            <li>
      <a href="/category/stoffen-teddy-fleece">Teddy fleece</a>
              </li>
            <li>
      <a href="/category/stoffen-geweven">Geweven</a>
              </li>
          </ul>
      </li>
    <li>
  <a href="/category/flockfolie">Flockfolie</a>
      </li>
    <li>
  <a href="/category/workshops">Workshops</a>
      </li>
    <li>
  <a href="/category/waardebonnen">Waardebonnen</a>
      </li>
    <li>
  <a href="/category/vlieseline">Vlieseline</a>
      </li>
    <li>
  <a href="/category/fournituren">Fournituren</a>

  <ul class="sub_menu">
            <li>
      <a href="/category/fournituren-lint">Lint</a>
              </li>
            <li>
      <a href="/category/fournituren-garen">Garen</a>
              </li>
            <li>
      <a href="/category/fournituren-ritsen">Ritsen</a>
              </li>
            <li>
      <a href="/category/fournituren-paspel">Paspel</a>
              </li>
            <li>
      <a href="/category/fournituren-biais">Biais</a>
              </li>
            <li>
      <a href="/category/fournituren-elastiek">Elastiek</a>
              </li>
          </ul>
      </li>
  </ul>
</div>

Это классический способ создания выпадающего меню css, чтобы увидеть его на работе, вы можете перейти на http://jsfiddle.net/W6Rhe/

Там вы также увидите проблему с моим меню. Если вы выберете первый элемент "Naaibenodigdheden", вы увидите, что первый элемент подменю имеет передний цвет белый, а не красный.

Если вы идете к stoffen, вы заметите такое же поведение, если вы выберете подменю "katoen", вы снова заметите такое же поведение.

Теперь вишня на пироге этой вкусной проблемы заключается в том, что когда я настраиваю все свои ссылки на относительные ссылки (т.е. Удаляю https://blabla.blah.com), то все элементы отображаются красным цветом, как предполагалось.

Что, черт возьми, я делаю неправильно? Я просто не понимаю.

ps проверял это на chrome ps2, кажется, что когда я заменяю url тем, что сейчас не так, проблема не возникает, bizar - мой единственный термин для этого поведения