höhe des Elternelements annehmen?

[phase]

hi, ich habe folgendes:

<div class="2Column">
 <h2>Ein Header 2</h2>
 <p>Hier sthet ganz viel text</p>
</div>

nun möchte ich das die h2 links neben dem p steht und die selbe höhe hat. das heisst wenn in dem p jede menge text steht soll die h2 genauso höch sein wie das p-element bzw so hoch wie das div.

folgendes css haben ich versucht:

div.2Column {
 width:95%;
 border:1px solid #ccc;
}

div.2Column h2 {
 float:left;
 background-color:#ccc;
 width:20%;
 height:100%;
 padding:5px;
}

div.2Column p {
 flaot:left;
 width:70%;
 padding:5px;
}

das ganze funktioniert leider nicht weil die prozenzangabe der höhe des h2 scheinbar ignoriert wird. ich nehme and as eine % von % nicht geht.

wie bekomme ich es nun hin das ich quasi einen 2 spaltigen text bekomme bei dem die linke spalte eine h2 mit huntergrundfarbe ist?

danke,
phase