Vererbung begrenzen

[Multi]

Mahlzeit,

folgende Situation:

  
	<div id="content">  
  
		<h2>{$page_title}</h2>  
		<p>  
			  
			{if $module_name}  
				{include file=$module.template}  
			{else}  
				{$page_content}  
			{/if}  
				  
		</p>  
	</div>  

im CSS:

  
div#content p {  
	margin: 0;  
	padding: 0 10px 5px 10px;  
	border: 1px solid red;  
}  

Wie kann ich es bewerkstelligen, dass nur dieses <p/> formatiert wird, aber alle <p/> innerhalb von der Formatierung ausgenommen werden?

div#content p p {

wäre eine Lösung, will ich aber vermeiden, da ich die Verschachtelungstiefe nicht kenne. Der Inhalt wird mit TinyMCE erzeugt und ist dadurch nicht wirklich sauberer HTML-Code.
Eine weitere Lösung wäre, dem <p/> eine Klasse oder ID zu geben, aber ohne das wäre es mir lieber.

Das ganze sollte natürlich browserübergreifend funktioneren, also keine Lösung, die ein komplett neues Layout für andere Browser erfordert sondern maximal mit Hacks oder CCs umzusetzen ist.
Relevant ist FF2, FF3, IE6-8.