[CSS] harmonijkowa galeria

[Kati]

Hej! Mam problem z galerią. Chciałabym żeby jako pierwszy obrazek od prawej pojawiało się zdjęcie a nie biała strona (przesyłam załącznik). Pomożecie?

Kod css wygląda następująco:

Kod:

#galeria {
    padding: 0;
    margin: 0 auto;
    list-style-type: none;
    overflow: hidden;
    width: 650px;
    height: 240px;
    background: #fff url(img/310.gif) top right;
    border: 1px solid #fff;
}
#galeria li {
    float: left;
}
#galeria li a {
    display: block;
    height: 240px;
    width: 46px;
    float: left;
    text-decoration: none;
    border-right: 1px solid #fff;
    background-position:  center;
}
#galeria li a img {
    width: 46px;
    height: 240px;
    border: none;
}
#galeria li a:hover {
    background: #eee;
    width: 320px;
}
#galeria li a:hover img {
    width: 320px;
}

[Kartofelek]

13 * 46 = 598
650 - 598 = 52

Odp. Biała kreska ma szerokość 52px.

display:inline-block zarówno dla UL jak i dla LI ???. Pewnie width do wymiany albo usunięcia.
W "praktyce" może być ciężko. Najwyżej inaczej potnij (pod "praktyce" wstaw sobie uzależnienie od nadrzędnego elementu itp)