Beste leden,

Ik heb een probleem met een plaatje wat standaard aan de onderkant moet blijven.
Ik heb het volgende probleem:
(zie bijlage)

Daar heb ik 4 kolommen die ik standaard allemaal gelijk houdt door middel van jquery equal height.
Alleen de afbeeldingen staan niet standaard onderin.
Hoe krijg ik dat voor elkaar?
In een andere div zetten is niet de bedoeling.

.home_blok1 img, .home_blok2 img, .home_blok3 img, .home_blok4 img {
  height:150px;
  margin-bottom:-10px;
  margin-left:-15px !important;
  padding-top:23px;
  width:223px;

Heb ik momenteel.
Ik kan helaas geen bottom: 0; meegeven in position relative..
Absolute kan ik ook niet gebruiken, omdat de afbeelding dan door de tekst heen gaat.

.home_blok1, .home_blok2, .home_blok3, .home_blok4 hebben al position relative mee..

dus als ik de tekst van jou gebruik dan gaat de plaatjes door mijn tekst heen..

Met z-index gaat de tekst over het plaatje heen maar dat is ook niet de bedoeling.

Sorry het werkt! top! bedankt!

Werkt toch niet.. als ik in firebug test doet die het .. maar als ik het aanpas niet..
Ik heb nu dit:

.home_blok1 { width: 223px; height: auto; position: relative; float: left; border: 1px solid #ECECEC; text-align: center; margin-left: 10px; background: #f8f8f8; border-bottom: 4px solid #eb6d27; z-index: 100;} .home_blok2, .home_blok3, .home_blok4 { width: 223px; height: auto; position: relative; float: left; border: 1px solid #ECECEC; text-align: center; margin-left: 20px; background: #f8f8f8; border-bottom: 4px solid #eb6d27; z-index: 100;}


.home_blok1 img, .home_blok2 img, .home_blok3 img, .home_blok4 img {
    bottom: 10px;
    height: 150px;
    left: 15px;
    margin-bottom: -10px;
    margin-left: -15px !important;
    padding-top: 23px;
    position: absolute;
    width: 223px;
    z-index: 1;
}