li pod sobą - i nic tego nie zmieni?! Opcje

[Etil]

HTML:

Kod

<ul class="obok"><li name="pierwszy">
<a target="_blank" href="/xxx/">xxx<br>
<img src="../xxx/xxx.gif" alt="xxx" />
</a></li>
<li name="drugi">
<a target="_blank" href="/xxx/">xxx<br>
<img src="../xxx/xxx.gif" alt="xxx" />
</a></li>
</ul>

CSS:

Kod

.obok ul, ul li {
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
}

.obok ul li {
    display: inline;
    white-space: nowrap;
}

Próbowałem już wielu rzeczy... Dalej to samo. Może to wina li z innych klas? Coś się pomieszało?

Dlaczego wciąż nie wyświetla się obok a pod sobą?!