CSS <pre>"Code"</pre>

Check out this template, guys:

http://www.opendesigns.org/designs/337/

It's pretty cool, but I would like to apply <pre> outside the <code>, in order to get something like this:

<pre><code>margin-bottom: 12px;
font: normal 1.1em "Lucida Sans Unicode",serif;
background: url(img/quote.gif) no-repeat;
padding-left: 28px;
color: #555;</code></pre>

This way, if the browser doesn't render/capture CSS, it would still be styled properly.

But, I want this modification to display it like it was before (in the current template).

What should get fixed in the current template?

Thanks in advance, guys.

create a rule

pre code {

}

This rule controls how code is styled in pre elements. You shouldn't need to add anything to the rule, since any intelligent browser will fall back on the rules already defined. And pre will always parse correctly in the case that code does not.