[phpBB2] HTML sieht anders aus als es sollte

Hey,
ich habe mich jetzt eine ganze Weile mit HTML Coden und CSS Coden beschäftigt (für dieses Forum: http://pitytheliving-rpg-hp.forumotion.com/) und habe mit Hilfe eines Live Code Tester mir einen Code zusammen gestellt der so aussehen soll:

( So sieht es auch aus wenn ich den Code in einem HTML Tester rein packe)
Als in meinen Forum der Code aber anders aussah habe ich hier nach eine Lösung gesucht und fand folgendes: http://hilfe.forumieren.com/t34005-phpbb2tabelle-sehr-weit-unten-oo#222311 . Das habe ich nun aber ausprobiert und trotzdem wird der Code immer noch falsch angezeigt.
Hier wie es jetzt aussieht:
Es werden Keine Kästen Richtig angezeigt, alles ist viel zu groß und hier:
Hier werden auch die Kästen gar nicht gefärbt und die Listen Punkte haben kein Bild mehr.

Folgenen Code habe ich angewendet:

Code:

<div style="border-radius:20px; background-color: CD853F; border:  hidden; width: 480; height: 1100px;"><style type="text/css">h1 { color: white; font-size: 24px; font-family: Arial;word-spacing: 6px;margin-top:1px;float:left;width: 19em;}h2 { color: D2B48C;font-size: 15px;font-family: Arial;word-spacing: 2px;}.kasten1 {border: black 2px hidden;background-color: #DEB887;padding-bottom: 30px;}#kasten2 {border:none; background-color: #8B4513;}.kasten3 {border: #8B4513 1px solid;font-size: 15px;font-family: MS Mincho;padding-right: 30px;padding-left: 30px;background-image: url (http://i38.servimg.com/u/f38/19/11/05/01/pergam10.jpg) }.kasten4 { border: hidden; background-color: 8B7355; font-size: 15px; font-family: MS Mincho;padding-right: 30px;padding-left: 30px;}.css-vertical-text {color: #8B4513; border:0px solid 696969;writing-mode:tb-rl;-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-o-transform: rotate(90deg);white-space:nowrap;letter-spacing: 25px;width:22px;height:20px;font-family: ‘Trebuchet MS’, Helvetica, sans-serif;font-size:20px;font-weight:normal;text-shadow: 2px 0px 2px #333;}.kasten5 {font-size: 13 px;font-family: MS Mincho;padding-right: 30px;padding-left: 30px;}.kasten6 {background-color: #DEB887;}A:link {color: 8B6969;font-size: 13px;font-family: MS Mincho;}A:visited { color: F5F5DC;font-size: 13px;font-family: MS Mincho;}A:active {color: F5F5DC;font-size: 13px;font-family: MS Minco;}A:hover {color: 8B4513;font-size: 13px;font-family: MS Minco;text-shadow: 2px 0px 2px #333;}ul2 {  list-style-image: url(http://i38.servimg.com/u/f38/19/11/05/01/witch211.png)</style><div class="kasten1"><h1>Pity the living - Harry Potter Rpg </h1></div><div id="kasten2"> <h2></br> An alle Schülerin und Schüler </br> <center>der „Hogwarst Schule für Hexerei und Zauberei“</center></h2> </div><div style="overflow: scroll;height: 450px;width: 80%;"><div class="kasten3"> Hier ist der Text vom Schulbrief eigentlich drine, nehme ihn aber mal raus damit es nicht so land wird. </li> </br><li>Das Zaubern außerhalb der Klassenräume ist nur mit Genehmigung des Schulleiters erlaubt. </li> </br><li>Alle Schüler haben grüne Umhänge zu tragen.</li></br><li>Die Schüler haben zur jeder Zeit vollkommenden Respekt zu den Lehrern und befolgen ihre Anweisungen ohne diese zu hinterfragen. </li> </br><li>Alle Weasleysscherzprodukte sind strikt verboten. Jeder der mit ihnen erwischt wird angemessen seines Vergehens bestraft. </li></ul>Eine Eule wird spätestens am 31. Juli von uns erwartet.</br> </br>Unterzeichnet</br> </br><i> Severus Snape </i> </br>Schulleiter</di></div></div><div class="kasten4"> Hier steht eigentlich der Text von Neville.</div><div class="css-vertical-text"> Über uns </div><div class="kasten5"> Einige kleinen Infos über uns. </br><ul2> <li> Wir haben ein FSK 14 </li><li> Wir spielen im siebten Jahr von Neville.</br>(Das goldene Trio ist auf der Jagdt nach ihr wisst schon...) </li><li> Personen wie Lehrer oder Todesser sind erst nach einer bestimmten Zeit spielbar. </li><li> Die Carrows sorgen für "Ordnung" in Hogwarts.</li><li>Ihr dürft 2 Personen von Anfang spielen</li><li>Inplay beginnt ab 6 Mitgliedern</li></br></div></ul2><div class="kasten6"><center><a href="http://pitytheliving-rpg-hp.forumotion.com/"><strong>Startseite</strong><a href="http://pitytheliving-rpg-hp.forumotion.com/f12-regeln">Regeln<a href="http://pitytheliving-rpg-hp.forumotion.com/f2-anmeldungen">Vorlage</div></div></center></div></div>

HTML und ist natürlich aktiviert. (Sowohl im Forum als auch in meinem Profil)
Was mache ich falsch?

Hallo @Feder,

die Ursachen sind ganz einfach Fehler im Code.
Zum Beispiel sieht der Codeteil, mit dem der Hintergrund von .kasten3 festgelegt wird, so aus:

Code:

background-image: url (http://i38.servimg.com/u/f38/19/11/05/01/pergam10.jpg)

http://de.selfhtml.org/css/eigenschaften/hintergrund.htm#background_image

Deshalb ist im Forum kein Hintergrund sichtbar, weil der Browser das fehlerhafte CSS nicht umsetzt. Das liegt aber nicht am Forum, sondern an den Fehlern im Code.

Liebe Grüße
Günther

Vielen dank für die schnelle Antwort @Günther.
Ich werde es verbessern und an meinen CSS Künsten arbeiten ^^.
Liebe Grüße und nochmals Danke

Gerne.
-closed-