Elemente im <footer> untereinander statt übereinander

[FrankMe]

Hi,

ich habe einen footer und darin html-Elemente. Leider werden diese Elemente nebeneinander dargestellt, statt wie gewünscht untereinander.

Wie bekomme ich diese Elemente vertikal angeordnet?

Hier Beispielcode:

<footer>
   <div style="width: 150px; height: 40px; background-color: yellow; float: left;"></div>
   <div style="clear: both; width: 150px; height: 40px; background-color: blueviolet;"></div>
</footer>

Ich habe es auch (vergeblich) ohne float und clear versucht.

Frank