Divs auf gleiche Höhe bringen?

[Extremefall]

hallo,
ich habe ein kleines Problem. Die DIVS befinden sich nicht auf der gleichen Höhe, also das mittlere ist etwas höher, als die außen. Wisst ihr, wie ich das Problem lösen könnte?

<div style="text-align: center; height: 100%;width: 33%; float: left; ">
Äußeres DIV
</div>
<div style="text-align: center; height: 100%;width: 33%; float: right;">
Äußeres DIV
</div>
<div style="text-align: center; height: 100%; margin-left: 33%; margin-right: 33%; ">
mittleres DIV
</div>
</div>

Es sieht ungefähr so aus:


Uploaded with ImageShack.us

 

[Körnerbrötchen]

Dafür bräuchten wir schon den gesamten Code, aber nach deinem Bild zu urteilen würde ich sagen, dass an fehlendem margin oder padding des Elements um "Profileinstellung" liegt.

 

[Extremefall]

Das Thema wurde bereits gelöst.

 

[Extremefall]

Gelöst: Ich setze einfach für alle DIVS einen Abstand nach oben, so befinden sich alle auf der selben Höhe. Danke