Как сделать вертикальную линию?(JOOMLA1.5)

Добрый ночи!

Подскажите, что делать с высотой в DIV объекте (например контенте):

Если ставлю 100% высоты,

/*вертикальная линия*/

.liniav{

	background-image: url(../images/kvadrat.png);

	background-repeat: repeat-y;

	height:auto;

}

то полосы вообще не видно, вот сами взгляните:

А если ставлю фиксированную высоту, например 22 пикселя то получается следующее:

и к тому же съезжается текст на эти самые 22 пикселя....

Вот сам код центральной части div id="content"(контента):

<!--контент-->

<div id="content">

   <!--горизонтальная полоса 2px-->

   <div class="liniag"></div>

      <!--вертикальная полоса 2px-->

      <div class="liniav"></div>

           <jdoc:include type="component" />

       <!--вертикальная полоса 2px-->

      <div class="liniav"></div>

    <!--горизонтальная полоса 2px-->

    <div class="liniag"></div>

</div>    

Да и вторая вертикальная линия начинает появляться снизу в тоже (левой) позиции - то есть идет на встречу правой, а необходимо что бы она появлялась в другой части (правой)....

Убедительно прошу - подскажите, как исправить вертикальные линии и сделать их 100% высоты DIV объекта (например div контента) и что бы оставался небольшой отступ по краям (для изготовления закругленных углов) скажем по 5 пикселей....или какое нибудь другое альтернативное решение, а еще лучше дайте совет (код, пример) как сделать закруглены углы которые соединяют полосы по горизонтали и вертикали автоматический, вне зависимости он наполнения блоков....