Zwei DIVs richtig ineinander positionieren???

[bubble]

ich habe auf meiner Homepage loodo.de/test eine Kurzbeschreibung in einem DIV platziert. Das passt auch super, jedoch habe ich zwei DiVS für das Aussehen verwendet, das innere DIV ist aber falsch positioniert.
Das DiV heißt description_wrapper_a (außen) bzw. description_wrapper_i (innen).
Das innere DIV soll 11px von rechten Rand des äußeren linken und 11px vom äußeren oberen Rand entfernt sein, margin-Top hat nicht funktioniert.

Willst du einfach nur einen 11px breiten, 'runden' Rahmen in der Farbe #D7D7D7 haben? Wenn ja, das geht mit einem Container-Element.
Ich sehe auch keinen Sinn in deinem überdimensonalem p-Element, statt mehrere zu verwenden prügelst du ein haufen br-Elemente rein.

Desweiteren:

<link rel="stylesheet" type="text/css" href="css/style.css"/>  
<style type="text/css">  
.big {  
	font-weight: bold;  
}  
.big {  
	font-weight: bold;  
}  
.big {  
	font-weight: bold;  
}  
/* ...... */  
.big {  
	font-weight: bold;  
}  
</style>

Ich glaub der Browser hat schon beim ersten mal begriffen, das font-weight bold sein soll. Desweiteren, lagere es doch auch in deine style.css aus.

 <tr>  
 		      <td width="170"><img src="images/logo.png" width="96" height="26" alt="Loodo" /></td>  
              <form>  
...  
              </form>  
	        </tr>

Invalides HTML und zusätzlich noch der Missbrauch einer Tabelle zum layouten.

Dein riesiges Bild das die Navigation darstellt, ließe sich auch leichter gestallten durch HTML-Elemente & CSS. Und das ganze wird dann sogar noch leichter wartbar.

<span class="description_wrapper_u"><br>  
  
Die Anziehungskraft</span><br><br>

Du missbrauchst ein span-Element und 3 br-Elemente um ein hX-Element nachzuahmen ein. Nimm doch gleich ein solches und formatiere es mit CSS.

MfG
bubble