Problém s CSS

Na téhle stránce http://bjx.xf.cz mám problém s popiskem obrázku. Rád bych ho vycentroval pod střed obrázku .. Je to v divu #obsahobsahu, span je nastaven jako text-align: center, ale očividně to nefunguje, nevím proč .. zkoušel jsem mu nastavit červenou barvu, s tím problém nemá, tak kde je chyba??


* {-moz-box-sizing: border-box; box-sizing: border-box;}
body{font-family: verdana, sans-serif;font-size: 12;color: #000;
background: #ccc none;text-align: center;margin: 10px;padding: 0;}
p{text-align: justify;}
.hide{display: none;}

#all{width: 778px;background: #FFFFFF;text-align: left; margin: 0 auto;
border-width: 4px;border-style: solid;border-color: #254F81;}

#hlavicka{}
#hlavicka img{display:block;}

#pruh{width: 770px;padding: 0;margin: 0;background:#254F81;}
#obsahpruhu{width: auto;color: #fff;font-size: 14;font-weight: bold;
padding-left: 150px; padding-right: 3px; padding-top: 3px; padding-bottom: 3px;}

#obsah{width: 650px;float: right;}
#obsahobsahu{padding-left: 30px; padding-right: 30px; padding-top: 10px; padding-bottom: 10px;line-height: 1.5;}
#obsahobsahu h4{font-weight: bold;font-size: 14;}
#obsahobsahu img{border-width: 2px;border-style: solid;border-color: #000;}
#obsahobsahu span{color: red;text-align: center;} /*TADY TO JE!!!*/

Díky moc :)