HTML:
codice:
<div id="content">
<p class="piccolo">ciao</p>
</div>
Il problema risiede solo nei font-size, ignorate le altre dichiarazioni.

codice:
#content p {margin:0 0 1.0em 0; line-height:1.5em; font-size:100%;}
#content .piccolo {font-size:50%;}
'ciao' viene effettivamente rimpicciolito del 50%

codice:
#content p {margin:0 0 1.0em 0; line-height:1.5em; font-size:100%;}
.piccolo {font-size:50%;}
'ciao' NON viene rimpicciolito del 50%, è come se la class "piccolo" non gli fosse applicata.