Witam .Otóz mam problem oto trochę z kodu html:

[HTML] pobierz, plaintext 
 
               <div id="cont"> 
 
               <div id="arrowleft">
                   <div id="arrowleftimage"></div>
                              </div>
               <div id="contimage">
                   <div id="image1"></div>
                   <div id="image2"></div>
 
               </div>
                 <div id="arrowright"></div>
             </div>
 
[HTML] pobierz, plaintext 

oto kod css:
div#cont {
display:inline-block;
margin:auto;
width:auto;
height:auto;

text-align: center;
}



div#arrowleft {

float:left;
margin:auto;
width:200px;
height:100%;
background-color:#F00;
text-align: center;
}

div#arrowleftimage {



width:20px;
height:30px;
background-color:#400;
}
div#arrowright {

width:200px;
height:320px;

float:left;
background-color:#0f0;

}
div#contimage{

float:left;

}

Teraz tak chodzi mi o to aby,div CONT chce aby miał szerokość automatyczną,wysokość także i się centrował poziomo(i jest tutaj ok),dalej contimage ,arrowleft,arrowright też mają być wycentrowane poziomo i jest dobrze,ale nie mogę zrobic tak aby arrowleft miał wysokość swojego rodzica auto,i jego dziecko arrowleftimage było wycentrowane pionowo i poziomi(bardziej mi zależy aby chociaż tą drugą czynność się udało zrobić).Proszę bardzo o pomoc