CSS in Firefox and Safari

I have made this School's website with in-line frames, and the CSS doesn't seem to be working in side the frame when views in FireFox.

http://www.spetisbury.dorset.sch.uk/school.html (an example page) works fine with IE and shows Comic Sans (not my choice) for the body text. But when I open it in FireFox it has the links on the parent page in Comic and the text in the in-line frames in Times. What is going so drastically wrong?

The CSS:
parent: http://www.spetisbury.dorset.sch.uk/style.css
frame: http://www.spetisbury.dorset.sch.uk/pages/contentstyle.css

Thanks, I can't work out what's going on!

Take the <style> tags out of your .css files.

They should be like:

/* CSS Document */

body,td,th {
font-family: Comic Sans MS, Verdana, Arial, Helvetica, sans-serif;
font-size: small;
color: #000000;
}

Click to expand...

Thanks! That worked brilliantly!!!!