Ein embedded-Video und ein kleines Bild auf gleicher Höhe?

[nemos]

Hallo,
.
Wie kann ich ein grosses in die Website eingebettetes Video und direkt rechts ein kleines "Schließen"-Bildchen auf gleiche Höhe setzen?
Quellcode für das Video:

<embed style="float: left;" width="470" height="352" align="middle" type="application/x-shockwave-flash" salign="" allowscriptaccess="always" allowfullscreen="true" menu="true" name="vPlayer" bgcolor="#ffffff" devicefont="false" wmode="transparent" scale="noscale" loop="true" play="true" pluginspage="http://www.adobe.com/go/getflashplayer_de" quality="high"....>

und für das Bildchen:
Dieser style="float: left;" ist mein Beitrag
Bildcode:

<img src="video_schließ.gif"  border="0" />

.
Auch wenn dieser

[COLOR="Red"]style="float: left;"[/COLOR]

für die gleiche Höhe sorgt. Ich möchte, dass dazu noch eine horizontale Linie mit

<hr />

direkt nach dem unteren Ende von dem großen Video sich legt, was aber nicht klappt.
Ich denke, dass meine Wahl:

[COLOR="Red"]style="float: left;"[/COLOR]

sehr schlecht ist, mir fehlt jedoch nix ein..
.
Wer kann mit gutem Rat helfen?
Wie soll ich diese Zwei Elemente in die Website einbinden?

 

[DerMoench]

Pack die beiden in divs und platziere dann die divs nebeneinander, am besten mit relativen Positionsangaben. Hilfreicher währe übrigens ein kompletter Quellcode oder einen link zu zu der Seite, weil man ansonsten nicht sehen kann in welchem verhältniss die Sachen zu eventuellem anderen Inhalt steht, bzw. man dann besser nachvollziehen kann, wo das Problem liegt.

Alternativ einfach beide in 1 div packen und das dann positionieren oder beide in eine tabelle, die kann man dann auch in ein div machen, wenns spaß macht.^^

P.S.: Wenn du willst das die beiden mitten der elemente auf der gleichen höhe liegen, verwende "valign="middle""(html, einfügbar in die tabelle).

 

[nemos]

Danke für die Antwort.
Da mein PC kaputt ist, werde ich deinen Vorschlag(sowohl zu der Lösung als auch zu dem Quell-Code-Ausschnitt) erst später umsetzen können.