dopasowanie szerokosci diva do zawartosc

Witam. Mam problem, który pewnie jest dość banalny. Męczę się już z nim naprawdę długo czasu, szukając odpowiedzi w mojej domowej bibliotece jak i w internecie. Chodzi mi o dopasowanie szerokości diva, do jego zawartości. Mam w nim kilka obrazków i za nic nie chce się on dopasować szerokością. Ktoś może mi z tym pomóc i powiedzieć jak mam to ugryźć?

Dodaje trochę kodu:

<div id="main">

<div id="content-scroll">
  <div id="content-holder">   

	<img src="images/plener/1.jpg" height="100%" style="float:left; margin-right:7px;"/>   
	<img src="images/plener/2.jpg" height="100%" style="float:left; margin-right:7px;"/>    
	<img src="images/plener/3.jpg" height="100%" style="float:left; margin-right:7px;"/>   
	<img src="images/plener/4.jpg" height="100%" style="float:left; margin-right:7px;"/>  
	<img src="images/plener/5.jpg" height="100%" style="float:left; margin-right:7px;"/>	
	<img src="images/plener/6.jpg" height="100%" style="float:left; margin-right:0px;"/>

  </div>
</div>
</div>

#content-scroll {
  width: 100%;
  height: 100%;
  margin-bottom: 15px;
  overflow: hidden;
  border: solid 0px black;
}

#content-holder {
 width:auto;
  height: 100%;
  border:0px solid #000;
}
#main {
  width: 100%;
  margin: 0 auto;
}

Ogólnie div #content-holder jest przewijany poziomo. W środku są tylko img. Pozdrawiam i z góry dzięki.

Mógłbyś walnąć obrazek jaki efekt chcesz uzyskać? Bo jak przekopiowałem Twój kod + podmieniłem obrazki na logo 4programmers to mam jeden wielki bajzel na ekranie.

Do tego zabawy z CSS w HTML możesz pominąć rozwijając tak swój CSS:

#content-holder img
{
	height: 100%;
	float: left;
	margin-right: 7px;
}

#content-holder img:last-child
{
	height: 100%;
	float: left;	
	margin-right: 0px;
}

i zapamiętaj że po każdej zabawie z floatami robi się diva "clear", tzn.

<div class="clear"></div>

.clear
{
    clear: both;
}

Daj #content-holder display: inline-block;
Nie podziała w IE6,7.