Как можно сделать линию средствами css ну или div-ов высотой в 1px чтоб вот слева был градиент и справа. Этой линией будет отделяться текст. Она должна растягиваться по ширине. Вот примерно что сделал:

Код:
<div id="1" style=" width:200px; height:3px; background:url(main_left.gif) #000 left no-repeat">
<div id="2" style=" width:100px; height:3px; background:url(main_right.gif) #000 right no-repeat"></div></div>
Помогите, мож есть простой способ решить проблемку) Почемуто не делает высоту в 1px;