Горизонтальная прокрутка

[tiko-svyazist]

Добрый день.

У меня следующая проблема.

Есть разметка

<div class="carousel">
    <a href="#">
              <img src="some_src">
        </a>
    <a href="#">
            <img src="some_src">
        </a>
        <a href="#">
            <img src="some_src">
         </a>

        ....

    </div>

и стили к ней

.carousel {

    overflow-x: auto;

    width: 300px;
    height: 90px;
    }
.carousel a {
    display: block;
    float: left;
    margin: 3px;
    }

и вместо горизонталсной прокрутки получаю вертикальную прокрутку

пробовал также вместо float: left; display: inline-block, не помогло.

что делать?

Спасибо.

[Николя223]

охохо ))

.carousel a {
    margin: 3px;
	white-space: nowrap;
    }

отсюда

и мне не понятно, для чего из не блочного элемента делать блочный и задавать ему float.. это css-изврат)))

[hedgehog]

и мне не понятно, для чего из не блочного элемента делать блочный и задавать ему float.. это css-изврат)))

А какая разница?

Другой вопрос, что нет смысла в "display:block", если задан float:left/right

[Николя223]

хм. у меня часто бывало, нужно через JS обратиться к элементу, и изменить display.. Не меняется, пока в стилях display не прописывал)) а вот и смысл придумал)