Ombrydning/placering

Hej

Jeg har et problem med en side: jeg har på denne side (http://www.kona.dk/bikeindex.php?yearId=2)listet en række kategorier (med orange skrift), hvor der er tilknyttet en række links (grå skrift).

Mit problem er at jeg gerne ville have at når der er flere kategorier end der er plads til i øverste række så skal den næste række rykke ned og helt over til venstre. Som det er lige nu så rykker de overskydende rækker halvt til venstre og ikke helt over. (se kategorierne Out of bounds - hardtail' og 'singletrack'.

Jeg har prøvet at give klasen en højde på eksempelvis 200px, men det gør så at baggrunden på de nederste kategorier kan rykke ned igennem den container jeg har lavet. Derudover så en en specifik højde ikke så god hvis der nu kommer flere links i kategorien (som hentes i en SQL)...

Kan det løses med css?

Log ind med:

user: laurits
pass: perplex

Dette er mine styles:

/*-----Category style begin----*/

#categorycontainer {

}

#category {

    position: relative;
    top: 100px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #7F919F;
    width: 120px;
    margin: 10px;
    float: left;
    text-align: justify;
    }

#categoryname {
    font-size: 11px;
    color: orange;
    text-decoration: none;
    }
/*-----Category style end---------*/
/*-----Bike style begin-------*/
#bikecontainer {
        }

#bikeheadspec {
    font-family: sans-serif;
    font-size: small;
    font-weight: bold;
    color: white;
    text-align: center;
    background-color: black;       
}

#bikeparts {
    position: relative;
    top: 100px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #7F919F;
}

#bike {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #7F919F;
    }