I'm new to css and dhtml, but I decided to try a simple project for a friend.
I've created a page on which the content switches from French to English as the
user moves the pointer over it. It works OK in IE, but the page won't even
render properly in Firefox. There is an image that should appear to the right,
and it does so in IE (and Dreamweaver), but it shows up on the left in Firefox.
Here is a link to the page:

[url]http://perso.wanadoo.fr/joatamon/art_fair/[/url]

I tried to do everything in css. I could probably get it to work using
tables, but this is intended to be an educational activity for me.

If I ever figure this out, it will end up as a table cell in a bigger page.
Therefore, I created a "span" in order to create a reference point for
positioning and to define common text formatting elements. Inside the span, I
defined two divs; one with an ID of "french" and the other with an ID of
"english". I just used the code snippets that came with Dreamweaver to get the
thing to work. However, the page wouldn't display properly in Firefox even
before I added the Javascript.

Any suggestions would be appreciated.