Pozycjonowanie obraków

[senioro]

Żadnych position, żadnych bottom i left, bo to błędne w twoim przypadku

Dzięki wielkie Jeszcze jedno mam pytanie, bo chciałem zrobić podobną rzecz opierając się na otrzymanych informacjach, ale niestety nie wychodzi.Mniej więcej chciałem aby to tak wyglądało :



Oczywiście dividery to tylko odzdoba, niekoniecznie potrzebna, ale nawet bez nich nie wychodzi, a pionowy divider w ogole się nie pojawia nawet...

Kod:

[code]
<div id="kontener">
<div class="cleaner divider"/></div>
<div id="B">Obrazek i tekst +cleaner divider pod obrazkiem i tekstem</div>
cleaner2 divider2
<div id="C">Obrazek i tekst +cleaner divider pod obrazkiem i tekstem</div>
<div id="D">Obrazek i tekst +cleaner divider pod obrazkiem i tekstem</div>
cleaner2 divider2
<div id="E">Obrazek i tekst +cleaner divider pod obrazkiem i tekstem</div>

style :
.two-forth {
position:relative;
float: center;
width: 800px;
background:#fff;
padding-bottom:50px;
}
.cleaner {
clear: both;
}
.divider {
border-bottom-color: #8FA50A;
border-bottom-style: solid;
border-bottom-width: 2px;
margin-bottom: 20px;
padding-bottom: 20px;
}
h1 {font-size: 27px;}
h2 {font-size: 27px;}
h3 {font-size: 27px;}
h4 {font-size: 27px;}

.cleaner2 {
clear: both;
}
.divider2 {
border-left-color: #8FA50A;
border-left-style: solid;
border-left-width: 2px;
margin-left: 20px;
padding-left: 20px;
}
#kontener {width: 504px; margin: 0 auto; overflow: hidden;}
#B {width: 250px; height: 250px; background: red; float: left;}
#C {width: 250px; height: 250px; background: green; float: left;}
#D {width: 250px; height: 250px; background: black; float: left;}
#E {width: 250px; height: 250px; background: orange; float: left;}
koniec styli

[/CODE]