Problem mit Template, Listenelement auf einmal drin

Habe eine Kategorie mit Unterkategorien

Klicke ich auf die Kategorie, erhalte ich eine Seite mit der Übersicht der Unterkategorien - horizontal angeordnet.

Kann so nachgestellt werden:
http://s3.euroblaze.de/462/Kiteboarding

Die linke Sidebar hier per Firebug oder Element untersuchen … -> Knoten löschen in Opera … löschen
Also <div id=“sidebar”>

Dann aus <div id=“page” class=" sidebarLeft"> das machen:
<div id=“page” class="">

Resultat: die fünfte Box klebt an der 4.

(komisch dass da vor der Klasse noch ein Leerzeichen steht, wird da eine Klasse nicht ausgegeben?) <= sollte da nicht pageLayout stehen?

Sind 5 Stück
Jedoch fehlt nach der 4. Kategorie Box der Abstand nach links (margin left) da danach ein <li> auf einmal drin ist und die Kategoriebox danah entsprechend als .subcatList li .box:first-child erkannt wird:


<ul class="subcatList clear">
  <li>
                                                                            </li>
  <li>
    <div class="box">
      <h3>
        <a id="moreSubCat_1" href="http://shop-alvino.casseo.de/Region/AOC-Bordeaux/">
                                        AOC Bordeaux                                    </a>
      </h3>
      <div class="content catPicOnly">
        <div class="subcatPic">
                                                                                </div>
      </div>
    </div>
    <div class="box">
      <h3>
        <a id="moreSubCat_2" href="http://shop-alvino.casseo.de/Region/Libournais-St-Emilion/" title="Libournais / St. Emilion">Libournais / St. E…</a>
      </h3>
      <div class="content catPicOnly">
        <div class="subcatPic">
                                                                                </div>
      </div>
    </div>
    <div class="box">
      <h3>
        <a id="moreSubCat_3" href="http://shop-alvino.casseo.de/Region/M-doc/">
                                        Médoc                                    </a>
      </h3>
      <div class="content catPicOnly">
        <div class="subcatPic">
                                                                                </div>
      </div>
    </div>
    <div class="box">
      <h3>
        <a id="moreSubCat_4" href="http://shop-alvino.casseo.de/Region/Cotes-de-Blaye-de-Bourg/" title="Cotes de Blaye / de Bourg">Cotes de Blaye / …</a>
      </h3>
      <div class="content catPicOnly">
        <div class="subcatPic">
                                                                                </div>
      </div>
    </div>
  </li>
  <li>
                                                                                            </li>
  <li>
    <div class="box">
      <h3>
        <a id="moreSubCat_5" href="http://shop-alvino.casseo.de/Region/Frankreich-Sonstige/" title="Frankreich Sonstige">Frankreich Sons…</a>
      </h3>
      <div class="content catPicOnly">
        <div class="subcatPic">
                                                                                </div>
      </div>
    </div>
  </li>
</ul>

Habe an dem Verhalten jedoch nichts geändert.
Wieso ist da auf einmal ein leeres <li> drin?

Wieso ändert sich der Titel nicht vom Thema? hab ihn ja schon geändert =(

Kann jemand auch das Verhalten nachvollziehen oben wegen den Boxen?

Habe es jetzt gelöst

In der Datei

tpl/page/list/list.tpl

habe ich

[{if $iSubCategoriesCount%4 == 0}]

zu

[{if $iSubCategoriesCount%5 == 0}]

geändert

Wenn man keine Sidebar hat (was auch vorkommt) muss man das so ändern um den ganzen Platz nutzen zu können und dass 5 Kategorien in einer Zeile angezeigt werden