Получить высоту блока

[rulevoi]

День добрый!!!

Необходимо сделать скобочку для блока под ссылки. Вот пример страницы, где выглядит все как надо, пока только в Опере http://izss.ru/Продукция

На всякий случай сделал фото http://глобалавто18.рф/img/izss.png

Столкнулся с двумя проблемами:

1) Не могу задать блоку с границами высоту родителя. Пробывал задавать высоте значения 100% и inherit, тогда блок становится маленьким, отображаются только границы, будто высота родителя нулевая. Пока задал высоту в 120px. Вот кусочек кода.

HTML

<div id='links'>
                    <div id='border'></div>
                    <a href='Продукция/Комплектные трансформаторные подстанции'>Комплектные трансформаторные подстанции</a>
<a href='Продукция/Камеры сборные одностороннего обслуживания КСО'>Камеры сборные одностороннего обслуживания КСО</a>
<a href='Продукция/Распределительные устройства низкого напряжения'>Распределительные устройства низкого напряжения</a>
<a href='Продукция/Силовые трансформаторы'>Силовые трансформаторы</a>
<a href='Продукция/Установки компенсации реактивной мощности'>Установки компенсации реактивной мощности</a>                   
 </div>

CSS

.main #border
{
  width: 10px;
  height: 120px;
  border-bottom: 2px solid white;
  border-top: 2px solid white;
  border-left: 2px solid white;
  float: left;
}
.main #links
{
    position: absolute;
    color: white;
    font-family: Arial;
    font-weight: bold;
    font-size: 13pt;
    z-index: 2;
    top:30%;
    right: 50%;
    vertical-align: middle

}
.main #links a
{
  color: white;
  display: block;
  margin-bottom: 5px;
  text-align: left;
}

2) Почему-то в Chrome и Mozilla текст переносится, а в Опере нет. С чем это может быть связано? На взгляд, нигде лишних встроенных отступов нет.

Edited July 30, 2012 by rulevoi

[hedgehog]

Можно сделать как-нибудь так: http://jsfiddle.net/8ptJW/ , либо абсолютом прибить .border к верхнему и нижнему краю родителя. А чтобы не переносились, укажите ширину блоку .links, он же абсолютный.