Список "любимые темы" - как его развернуть в длину?

[Bernadett-e]

Уважаемые знатоки, сразу заявляю: я знаю, что моя тема не оригинальна и не блещет новизной. Поиском по сообщеиству пользоваться умею, всё, мало-мальски подходящее к моему вопросу, я прочла.
Но точного ответа я не нашла, поэтому я делаю эту запись.

Итак, хочу развернуть список "любимые темы". Высоту блока, в котором находится таблица с темами, я изменила так:
#my_tags { height: 400px !important; width: 100% !importan;}

Вот так выглядит список тем сейчас:

Хочется сделать так. Без горизонтальной полосы прокрутки. То есть, блок фиксированный по высоте и 100% по ширине.

Посмотрела код страницы.

<div id="my_tags">
            <table cellpadding="0" cellspacing="0"><tr valign="top"><td><ul> 
</ul></td><td><ul><li><input type="checkbox" id="favtg0" name="fvtags[]" value="тема записи" class="inp_check" /> <label for="favtg0">тема записи</label></li><li><input type="checkbox" id="favtg1" name="fvtags[]" value="тема записи" class="inp_check" /> <label for="favtg1">тема записи</label></li><li><input type="checkbox" id="favtg2" name="fvtags[]" value="тема записи" class="inp_check" /> <label for="favtg2">тема записи</label></li></ul></td></tr></table>
            <div class="clear"></div>
        </div> 

Если я правильно понимаю, то через CSS можно изменить дочернюю блоку таблицу, так? Помогите, пожалуйста, это сделать.

@темы: меню

Comments

.my_tags {overflow-x: visible;}

можно добавить для полного счастья к этому display:block;position: relative; если не подействует
но вообще проблема в overflow-x
"Свойство overflow-x управляет отображением содержания блочного элемента по горизонтали, если контент целиком не помещается и выходит за область справа или слева от блока. "
только тогда если всё не будет помещаться сделайте высоту больше 400

[Bernadett-e]

маньяк-извращенец спасибо. Но увы, не работает. Всё как на картинке с первым вариантом
Но можно попросить поподробности о свойстве {overflow-x: visible;} ?