Witam mam problem z wyśrodkowaniem artykulów oraz materiałów statycznych na mojej stronie. W edytorze wszytko jest okej - tekst jest wyśrodkowany w żrogle widać jak "wół" że div ma parametr center - jednak na stronie tekst nadal trzyma się kurczowo lewej krawędzi. Próbowałem już nawet na sztywno dodawać styl do mainbody, ale jedyne co się zmieniło to wyśrodkowanie przycisku "wstecz".

Może coś nie tak jest w kodzie? Tak jakby jakaś nadrzędna klasa blokowała ustawienie tekstu. Najciekawsze jest to że np. obrazki wyśrodkowuje bez problemu, większa ilość tekstu również wygląda na wyśrodkowaną, problem pojawia się przy krótkich wpisach.

adres strony http://tcpromo.pl/joomla/index.php


plik css:
Kod:
body {
	/* Opera5-Fix-fix ;-) background-image: url(/joomla/templates/tutorial/images/07.gif);*/
	color: #000;
	margin: 0;
	padding: 0;
	background-image: url(/joomla/templates/tutorial/images/bg.gif);
}

#top {
	margin:0 auto;
	width: 1024px;
	height: 768px;
	min-width: 1024px;
	max-height: 768px;
}

#naglowek {
height: 234px;
width: 1024px;
max-width: 1024px;
overflow: hidden;
/* background-image: url(/joomla/templates/tutorial/images/01.gif); */
}

#menu {
	width: 233px;
	height: 492px;
	max-width: 233px;
	overflow: hidden;
	background-image: url(/joomla/templates/tutorial/images/02.gif);
	float: left;
	
}

#menutab {
	margin-top: 120px;
	margin-left: 40px;
}

#tresc {
background-image: url(/joomla/templates/tutorial/images/03.gif);
	height: 492px;
	width: 770px;
	float: left;
	overflow: auto;
	max-width: 770px;	
}


#tresc1 {

color: White;
font-size: 11px;
font-family: Century Gothic;
padding-left: 20px;
text-align: center;


}

#prawa {
background-image: url(/joomla/templates/tutorial/images/04.gif);
	height: 492px;
	width: 21px;
	float: right;
	max-width: 21px;
	
}

#s1 {
background-image: url(/joomla/templates/tutorial/images/05.gif);
clear: both;
width: 1024px;
height: 42px;
}

a:hover, a:active, a:focus {
color: Red;
	text-decoration: underline;
}

a.mainlevel {

font-size: 16px;
font-family: Century Gothic;
vertical-align: super;
color: White;
width: 145px;
height: 30px;
display: block;
line-height: 26px;
margin-bottom: 12px;
text-align: center;
text-decoration: none;
font-weight: bold;
voice-family:"\"}\""; /* Box Model fix */
voice-family:inherit;
background: url(/joomla/templates/tutorial/images/button.gif);
}



html>body a.mainlevel {width:135px;} /* Opera5-Fix-fix ;-) */


a.mainlevel:hover, a.mainlevel#active_menu {
background: url(/joomla/templates/tutorial/images/button1.gif);
width: 150px;
text-decoration: none;
}

a.sublevel {
padding: 0px;
margin: 0px;
font-size: 12px;
padding-left: 12px;
display: block;
line-height: 20px;
margin-bottom: 12px;
text-decoration: none;
font-weight: normal;
voice-family:"\"}\""; /* Box Model fix */
voice-family:inherit;
width: 153px;
height: 15px;
color: white;
}

html>body a.sublevel {width:123px;} /* Opera5-Fix-fix ;-) */

a.sublevel:hover, a.sublevel#active_menu {
text-decoration: none;
width: 139px;
voice-family:"\"}\""; /* Box Model fix */
voice-family:inherit;
width: 123px;
}


html>body a.sublevel:hover, a.sublevel#active_menu { /* Opera5-Fix-fix ;-) */
width: 123px;
}
Z góry dziękuję za wszelką pomoc.
Pozdrawiam.