Atmos

В итоге получилось так: http://learn.javascript.ru/play/MyNhu

Здравствуйте, я, конечно, новичок, но сложный сайт мне делать не надо, поэтому чтобы сформулировать вопрос большого ума не требуется, и я счел, что вопрос больше подойдет к верстке. Опишу ситуацию. Начал изучать законодательную базу нашего любимого государства, но понял, что одномерное представление текста слишком громоздко и неудобно для просмотра и поиска информации. Решил сделать древовидный список, типа как для файлов в Проводнике или как до недавнего времени (почему-то убрали) было на сайте Гаранта для КоАП или УК. То есть, чтобы имелся список законов, в нем список глав --> статей --> пунктов. В первом приближении Ворд мне ничем помочь не смог (а в егоном программировании я не силен), поэтому решил попытать счастья в HTML. Самым простым вариантом для меня оказался предложенный товарищем из одной студии. Я решил это дело переработать под себя, в чем-то упростив, в чем-то изменив, но из-за своей неопытности в HTMl и CSS я слегка запаниковал. В примере куча каких-то неочевидных, ничего не дающих (протестировано путем попеременного удаления) свойств, поставленных из эфемерного опыта или знания каких-то сакральных "высоких стандартов", до которых мне как до Китая... В общем, почитал я справочников, примеров, вымучал свое творение как мог, но некоторые вопрос остались, которые я и хочу задать. Для примера я взял Раздел I КоАП РФ, в котором 2 Главы по паре-тройке статей с несколькими пунктами. За основу брал документ DreamWeaver'a, так как начинал в нем, но дальше его бросил и работал в RJ TexEd'e. Код слегка сумбурный, не судите строго, но валидацию прошел. Да, про то, почему используется position там absolute вместо relative или наоборот, можете не спрашивать, я сам в этом запутался =) Итак, основной вопрос: почему все абзацы последнего уровня высотой в 1 строку? (Т.е. Что сделать, чтобы это убрать?) Также хотелось бы знать, как сделать, чтобы абзацы последнего уровня (пункты статей) левым краем упирались в левое поле content'a, перегораживая своим белым фоном ветки дерева, и при этом на первой строке ничего не нарушалось бы. Я имею ввиду, что если я вставлю абзацу отрицательный margin-left до упора и использую text-indent, чтобы вернуть начало пункта на нужную позицию, то область, которую займет отодвинутое text-indent'ом пространство, загородит ветки последнего уровня и лишней строкой перекроет ствол дерева. Как-то так. За высказанные замечания также буду благодарен. Да, кстати: местные теги и [code] почему-то изменили в моем примере − на -, а + на +.