Заголовок и линия справа

[Йода]

http://campus.nsu.ru/tmp/util.get_file.php?fid=2724

Задача: После заголовка, необходимо нарисовать вот такую линию, до конца страницы.

Как я делал:

<style type="text/css">

.line{

background-color: #dedede;

height: 6px;

border: 1px solid;

}

.header h1{

float: left;

border: 1px solid;

}

.header{

border: 1px solid;

}

</style>

<div class="header">

<h1>Отзывы</h1>

<div class="line"></div>

</div>

В IE7 ещё что-то напоминающее правду, но поведение других браузеров совершенно не понимаю.

"header" - контейнер, и в нём должно всё размещаться, заголовку применено обтекание, посему всё должно быть рядышком, красиво и замечательно. Ан нет.

Даже если IE7 и выводит их рядом, то как линию-div выравнять внизу контейнера "header"?

[psywalker]

<h1><span>Отзывы</span></h1> - На спан вешаешь белый фон, растягиваешь в высоту заголовка. А на h1 уже полосу