Заголовок поверх бордера

[sktemp]

Мне необходимо разместить заголовок поверх бордера абзаца. Я делаю это так:

<p>

<h1>заголовок<h1>

Текст

</p>

Стиль:

p{

display: relative;

border: red 1px solid;

background: white;

}

h1{

display: absolute;

left:30px;

top:-15px;

background: white;

padding:0 10px;

}

Это не работает в IE 6. Бордер сверху становится не видно совсем. Как посоветуете исправить?

[sfc]

display: relative ? может position?

И не легче сделать вот так, например?

Edited July 13, 2012 by sfc

[sktemp]

display: relative ? может position?

Да, вы правы.

И не легче сделать вот так, например?

Тут не стоит вопрос лёгкости. Нужно добиться эффекта работы и в IE6. В IE9, как и в Firefox, Chrome, отображается корректно.

Вот пример

Edited July 13, 2012 by sktemp

[USF]

http://jsfiddle.net/DTZMz/5/