Rechtsbündige Tabelle in einem DIV-Block mit FLOAT-LEFT

Aufgabe

Eine Tabelle soll rechtsbündig in einem FLOAT-LEFT-DIV dargestellt werden.

Lösung

In der HTML-Datei befindet sich folgender Code:

<div id="rechts">
  <table>
    ...
  </table>
</div id="rechts">

Im CSS steht folgender Code:

#rechts {
	width: 160px;
	float: left;
	text-align: right;
}
#rechts table {
	margin-left: auto;	
}

Befindet sich die Tabelle in einem weiteren DIV-Block und werden diesem im CSS die Eigenschaften der Tabelle zugewiesen, funktioniert es nicht.