Корсбруезерный div с вложеными div'ами

[giologi]

В общем есть проблема с div'ом.

<!-- // CONTAINER // -->
        <div id="Container">
            <div class="content">
                <div class="shadowLeft"></div>
                <div class="cornerLeft"></div>
                <div class="content">
                    <!-- // CONTENT TOP // -->
                    <div id="ContentTop">
                        <a id="Logotype" href="#"><img src="../Images/Design/Logotype.png" /></a>
                    </div>

                    <!-- // MENU // -->
                    <div id="Menu"></div>

                    <!-- // SEPARATE BLOCK // -->
                    <div id="SeparateBlock">
                        Bla bla bla
                    </div>
                </div>
                <div class="cornerRight"></div>
                <div class="shadowRight"></div>
            </div>
            <div class="shadow"></div>
        </div>

/* CONTENT */
div#Container
{
	width: 100%;

	line-height: 17px;
	vertical-align: top;

	float: left;
}

div#Container>div.content
{
	margin-left: 73px;
	margin-right: 73px;

	min-width: 1031px;
}

div#Container>div.content>div
{
	height: 100%;
	float: left;
}

div#Container>div.content>div.shadowLeft, div#Container>div.content>div.shadowRight
{
	min-width: 8px;
	width: 8px;
	max-width: 8px;

	background-image: url(../Images/Design/ContentContainerSidesShadow.jpg);
	background-position: left top;
	background-repeat: no-repeat;
}
div#Container>div.content>div.shadowRight { background-position: right top; }

div#Container>div.content>div.cornerLeft, div#Container>div.content>div.cornerRight
{
	min-width: 5px;
	width: 5px;
	max-width: 5px;

	background-image: url(../Images/Design/ContentContainerSides.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	background-color: #FFFFFF;
}
div#Container>div.content>div.cornerRight { background-position: right top; }

div#Container>div.content>div.content
{
	padding-top: 1px;

	min-width: 1005px;

	background-image: url(../Images/Design/ContentBackground.png);
	background-position: right 1px;
	background-repeat: no-repeat;
	background-color: #FFFFFF;
}

Проблема в том что необходимо выставить коим-то образом height на всю высоту div#Container у div#Container>div.content>div.

Заранее очень благодарен за помощь!

Конструктор

Edited December 9, 2011 by giologi

[ShumNo]

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

div#Container>div.content>div.shadowLeft {}

не проще ли просто указать класс

.shadowLeft {}

[giologi]

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

div#Container>div.content>div.shadowLeft {}

не проще ли просто указать класс

.shadowLeft {}

Да проще, я просто хотел что бы было понятно что именно я хочу.