Как растянуть рамку div-а по содержимому?

[realmadrid]

Здравствуйте!

У меня на странице элемент с постоянно меняющимися размерами заключ?н в рамку. Код такой:

<div class="myborder2"></div>

.myborder2
{
border: 1px solid blue; 
width:auto; 
padding:0px;
position:relative;
display:table;
}

Из-за display:table; это дело не работает в IE (элемент имеет ширину, равную ширине страницы). Подскажите пожалуйста кроссбраузерное решение проблемы. Заранее спасибо.

[klierik]

да поместите контент еще в спан, к примеру, с бордером и все ))

[realmadrid]

klierik, можно поподробнее?

[Dimitry Wolotko]

<div class="myborder2"><span class="test"></span></div>


.test {border: 1px solid blue; }
.myborder2
{
width:auto; 
padding:0px;
position:relative;
display:table;
}

[realmadrid]

Спасибо!

А вот что делать, если рамка с закругл?нными краями?

Код:

<style type="text/css">
* {margin:0; padding:0;}
body {font:14px arial; text-align:center;}
.rcg {margin:20px auto;text-align:left;}
.rb1,.rb2,.rb3,.rb4 {display:block; overflow:hidden;height:1px;}
.rb2,.rb3,.rb4,.text {border:#00f solid; border-width:0 1px;}
.rb1 {background:#00f; margin:0 5px;}
.rb2 {border-width:0 2px; margin:0 3px;}
.rb3 {margin:0 2px;}
.rb4 {margin:0 1px; height:2px;}
.text {display:block; padding:0 10px;}
</style>

<div style="margin: 3px auto; padding: 10px 0pt;">
<div class="rcg">
<b class="rb1"></b><b class="rb2"></b>
<b class="rb3"></b><b class="rb4"></b>
<div class="text">
Мо? содержимое
</div>
<b class="rb4"></b><b class="rb3"></b>
<b class="rb2"></b><b class="rb1"></b>
</div>
</div>