CSS: ie7&8: font-weight: bold; not working?

Question

dl dd {
    font-size: 12px;
    font-weight: bold;      
}

but my text is not bold? this works in not ie.

HTML:

<dl><dt>Prepared For</dt><dd><pre>( client name )</pre></dd></dl>

I think it might have something to do with the pre tags. cause when they aren't there, it's bolded.

Font family ariel.

Answer 1

Is the style really being applied? Try adding !important. Please provide a demo if you could. And also, what font family is it? Some obscure one?

Answer 2

The structure of a definition list should be something like:

<dl>
    <dt>Some title</dt>
    <dd>Your definition</dd>
</dl>

Do you have anything other than text in the <dd> that might have styles being applied to them that override your dl dd CSS, like a <span> or <strong> or <em>?

EDIT:

Saw your update. It definitely DOES have to do with your <pre> tags. Your CSS rules don't override the <pre> because that sort of defeats the purpose of "pre-formatted text."

Try expanding your CSS to include <pre> in the chain of selectors, and use !important:

dl dd pre {
    font-size: 12px;
    font-weight: bold !important;
}

See if that works and report back.