Слой внутри слоя

[cartrege]

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

Проблема: размещаю слой внутри слоя. Ожидаю, что родительский слой будет их держать внутри.

Но вместо этого два дочерних слоя выходят за его границы. Располагаются-то как надо, но нужно, чтобы они были внутри основного.

Я пробовал изменять position, float, clear зачем-то трогал. Что нужно сделать, желтый и зеленый оказались внутри?

Спасибо!

html:

          <div id="main">
               ......
             <div id="slider">

            	<img id="one" src="images/1.jpg">
                <img id="two" src="images/2.jpg">
                <img id="three" src="images/3.jpg">
                <img id="four" src="images/4.jpg">
                <img id="five" src="images/5.jpg">

                <ul>
                    <li><a href="#one"></a></li>
                    <li><a href="#two"></a></li>
                    <li><a href="#three"></a></li>
                    <li><a href="#four"></a></li>
                    <li><a href="#five"></a></li>
				</ul>

            </div>
            <!-- Main content of page 

                <!-- General block -->
                <div id ="general">
                    Основной контент
                </div>

                <!-- Right side block -->
                <div id="right-side">
                    Архив
                </div>       

        </div>

css:

div#main 
{
	margin: 66px auto 20px;
	padding: 0px 0px 0px 0px;
	width: 900px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	-webkit-border-radius: 10px;

	background-color:#FFF;
	text-align:justify;


	box-shadow: 0 0 20px;
	-moz-box-shadow: 0 0 20px;
	-webkit-box-shadow: 0 0 20px;
	-o-box-shadow: 0 0 20px;
}
/* Стиль слоя с основным контентом */
#general
{
    float: left;
    background-color: yellow;
    min-height: 40px;
    width: 660px;
    position: relative;
}

/* Стиль слоя с архивом и всем таким */
#right-side
{
    float: right;
    background-color: green;
    min-height: 40px;
    width: 240px;
    position: relative;
}

[USF]

нижние блоки у вас плавающие. они вне потока. вам нужно "подчищать" за ними.

один из способов - overflow: hidden; для блока main.

[cartrege]

нижние блоки у вас плавающие. они вне потока. вам нужно "подчищать" за ними.

один из способов - overflow: hidden; для блока main.

Спасибо огромное за помощь! )

[USF]

Пожалуйста