zwei div-container nebeneinander - Inhalt verschoben

[ripneu]

Hallo Zusammen,

ich bin habe dieses Forum durch Zufall entdeckt.

auf der Internetseite: www.polsumer-gegenwind.de

sollen zwei div-Container nebeneinander stehen, doch leider ist der Text verschoben:
<div id="tabelle">
<div class="zelle" id="zelle-1"> <img src="images/layout/Logo.jpg" alt="" width="149" height="150" align="left" style="margin: 5px 10px 5px 5px"/>
<p>Herzlich willkommen in der digitalen Welt der Bürgerinitiative Polsumer Gegenwind.</p>
<p>Wir Polsumer lieben unsere Heimat. Auf der Grenze zwischen Münsterland und Ruhrgebiet bietet Polsum eine perfekte Mischung aus Stadt- und Landleben.</p>
<p>Der geplante Bau eines sehr großen Windrades, in unmittelbarer Nähe, verunsichert die Polsumer Bürger. </p>
<p>Unser Ziel:<br/>
Schutz unserer naturnahen Landschaft vor maßstabslosen Bau-Projekten. Schutz der Gesundheit unserer Dorfbewohner vor gesundheitlichen Beeinträchtigungen.</p>
<br/>
</div>
<div class="zelle" id="zelle-2">
<p><div class="fb-like-box" data-href="https://www.facebook.com/polsumer.gegenwind" data-width="250" data-height="450" data-colorscheme="light" data-show-faces="false" data-header="false" data-stream="true" data-show-border="false"></div></p></div></div>
</div>

css:

p {
text-align: left;
line-height: 130%;
letter-spacing: 0.3px;
font-size: 1em;
margin: 5px 10px 5px;
}

.zelle {
display: table-cell;
width: 390px;
border-collapse: separate;
border-spacing: 8px;
margin: 20px auto 0 auto;
background-color:rgba(255,255,255,0.5);
}
#tabelle {
display: table;
border-collapse: separate;
border-spacing: 8px;
margin: 20px auto 0 auto;
border:none;
table-layout: fixed;
}

Ich würde mich über jede Hilfe freuen!

Vielen Dank im Voraus!
Beste Grüße
ripneu

 

[djheke]

.zelle {
display: table-cell;
vertical-align:top; /* ergänzen */
width: 390px;
border-collapse: separate;
border-spacing: 8px;
margin: 20px auto 0 auto;
background-color:rgba(255,255,255,0.5);
}

 

[ripneu]

Herzlichen Dank, jetzt geht es.