Using a text only editor like NotePad, in the edumat.coffeecup.com/stylesheets/default.css stylesheet, around line 394, add the highlighted:
Code:
#fadeshow1 {
position: absolute;
top: 190px;
left: 0px;
height: 150px;
width: 635px;
float: left;
z-index: 2;
}
By The way, for just starting out, things look pretty good. And for your information, the script styles the fadeshow1 element, overriding the position: absolute;
you have there with position: relative;
. It adds some other styles as well, but none of those conflict with any of those others you have there.
I have no idea exactly why the float fixes it, but it does, or why it's a problem in Firefox only to begin with, but it is (possibly in some others built like Firefox - like maybe Netscape, some other Mozilla, these others are rarely used). And it doesn't appear to cause any problems in other browsers. If it does, let me know.
The browser cache may need to be cleared and/or the page refreshed to see changes.
Bookmarks