Unverständlicher Fehler (Knoble schon lange rum)

Also folgendes Problem wie auf dem folgenden Bild:

[Blockierte Grafik: http://uploads.screenshot-program.com/upl6424987893.png]

Wieso kann ich das untere nicht so zentrieren, wie das obere? Hab das obere bestimmt durch ne Klasse. Da dachte ich, ich tu zum unteren auch ne Klasse aber dann gehts einfach nicht. Auch nicht per ID...

Mein CSS:

http://www.wtd.firefox.bplaced.net/css/main.css

Unter "das Obere" ist der Teil gemeint, der einen Text erhält und zum Formular verweist. Das Untere ist der rote Teil!

/* Home */

#__1, #centr {
color: #FF0000;
text-align: center;
font-size: 14px;
padding-bottom: 15px;
}

#__1 a:link, #__1 a:visited, #__1 a:active {
margin-left: 20px; color: #CC0000;
}

<div id="centr" class="fett">
				Testen sie diesen Dienst doch einfach, f&uuml;llen Sie jetzt gleich das Formular aus:





				[url='index.php?uri=jcg21#form'] &gt;&gt; Hier gehts zum Formular[/url]
			</div>

So gehts:

<div id="centr" class="fett" style="background: #333333; text-align: center;">
				Testen sie diesen Dienst doch einfach, f&uuml;llen Sie jetzt gleich das Formular aus:



				[url='<? echo $self ?>?uri=jcg21#form'] &gt;&gt; Hier gehts zum Formular[/url]
			</div>

Will ich aber nicht!!!!!!!!!!

<link type="text/css" rel="stylesheet" href="stylesheets/layout.css" media="screen" />

Code hab ich entwirrt... Diente nur zum Anschauen der Hintergrundfarbe!

*sry* für Doppelpost aber:

Hab das Problem gefunden. Es lag am Ordner /css/ der is i-wie kaputt. Hab jetzt nen Ordner /stylesheets/. Dort gehts ohne Probleme. Weiss auch nicht wieso. Ist aber so!