CSS in iFrame works in FF but not IE

programming web dev
1

[FONT=Century Gothic][SIZE=2]I hate working with iFrames but I have to this time…

I have a page with an iFrame which loads an html page.
I have an external .CSS file for the copy on the pages.
When I load the page in FireFox it works right, but when I load it in IE it doesn’t…

If you want to see:
[/SIZE][/FONT]http://www.emersonradio.com/test2
In the menu, click on clock radio. Then click on the first product.
[FONT=Century Gothic][SIZE=2]
CSS file


model_text
{
color:#0152a1;
font-size:14px;
font:Arial, Helvetica, sans-serif
}

content_text
{
color:#666666;
font-size:10px;
font:Arial, Helvetica, sans-serif
}

content_text_bold
{
font:Arial, Helvetica, sans-serif;
font-size:10px;
color:#464646;
font-weight:bold
}

content_text_blue
{
color:#0152a1;
font-size:10px;
font:Arial, Helvetica, sans-serif;
font-weight:bold
}

a {text-decoration: none}
a:link {color:#0152a1}
a:visited {color:#0152a1}
a:hover {color:#0081ff}
a:active {color:#0081ff}

HTML file that is loaded into the iFrame


<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<title>Untitled Document</title>

<link rel="stylesheet" type="text/css" href="emersonstylesheet.css" />

</head>

HTML that sets style


<model_text>
CKD5811
</model_text>
<br>
<content_text>
- Top-Loading Compact Disc Player<br>
- CD-R/RW Playback Compatible<br>
- Large 0.9&quot; Blue LED Display for All CD, Clock and Tuner Functions<br>
- Digital Tuning AM/FM Stereo Radio<br>
- Patented SmartSet&reg; Automatic Time Setting System<br>
- Dimensions: 11&quot; x 4.5&quot; x 8.25&quot;
</content_text>

How can I get it to work in Firefox and IE?

[/SIZE][/FONT]