[css] problem z "ramką" Opcje

[sweter]

Witam, chciałbym mieć coś takiego:

(IMG:http://www2.speedyshare.com/data/307343630/19293012/12778449/naglowek.png)

Tak wygląda kod:

Kod

.left {
    width:490px;
    border:1px solid #B7B7B7;
    float:left;
    padding: 5px;
}
.header {
    background-color:white;
    width:60px;
    padding:0 5px 0 5px;
    position:relative;
    top:-14px;
    left:20px;
}

[HTML] pobierz, plaintext 
 
<div class="left">
	<div class="header">
		Naglowek
	</div>
	tresc<br />tresc<br />tresc
</div>
 
[HTML] pobierz, plaintext 

I teraz problem:

div .header ma stałą szerokość ustawioną na 60 pikseli. 

Co zrobić, żeby jego długość zmieniała się w zależności od wpisanego tekstu, bo "width:auto" nie bardzo chce działać (IMG:style_emoticons/default/sad.gif) ?

Ten post edytował sweter 14.11.2009, 19:36:43

[Blame]

To prawdopodobnie może być wina fload w .left. Dodaj clear:both w CSS dla .header.