[CSS]usunięcie poziomego suwaka z kolumny Opcje

[interu58]

Witam,
Prosze o pomoc bo nigdzie nie moge znaleźć rozwiązania mojego problemu.

mam zrobiony suwak w arkuszu stylów :
scrollbar-base-color: 650c10;
scrollbar-track-color: #e3d6c3;
scrollbar-highlight-color: #e3d6c3;
scrollbar-arrow-color: #e3d6c3;

suwak ten wyświetla się m.in. w prawej kolumnie kiedy tekst jest za długi i się nie mieść w rozmiarze kolumny

kod:
#text2 {
width : 700px;
height: 390px;
}
#text2 { text-align: justify}
#text2 { font-family: garamond;
font-size: 16px }
#text2 { overflow: scroll }

niestety suwak wygląda brzydko, ma pionową część która się przewija i pozioma, która się nie rusza. jak zlikwidować tą poziomą część?

kod:
overflow-x:hidden

nie działa, albo ja go źle umieszczam.

[interu58]

ale mi nie zależy na zmienianiu stylu suwaka przeglądarki tylko suwaka na stronie, tak żeby pasował do koloru strony. mam stronę w divach, dwie kolumny, w lewej jest menu a w prawej treść strony i kolumna prawa ma suwak jeśli tekst się nie mieści ( z założenia na tej stronie przeglądarka nie powinna mieć suwaka, bo strona ma stały wymiar, suwak jest tylko w kolumnie)

mam. zamiast overflow: scroll trzeba wpisać: overflow: auto;