CSS layout in Safari

I've tried this site in IE6, IE7, Netscape 7.1, Firefox 1.5 ...works fine in all of those. But Safari 1.1 (I think) is going to be the death of me. I do not understand why my text boxes defined by divs in the CSS are positioning way out of whack.

Here's the site: http://aec.ifas.ufl.edu/step/test_rust.html
Here's the CSS: http://aec.ifas.ufl.edu/step/basics2_rust.css

The div that defines the text box is #text and #textend. I've tried changing #container to 800px because I read somewhere that Safari will mess up the positioning if the container div isn't specified large enough. I'm kinda new to CSS, but I know I'd still like to use the float:left for layout rather than absolute or relative positioning. Can anyone help?

re: CSS layout in Safari

Possibly because you use the id of 'text' more than once. You are only allowed one id name per page.

re: CSS layout in Safari

yeah,
http://validator.w3.org/
validate your page there, the only error is the id="text" has been used more than once
everything else is good, including your css

re: CSS layout in Safari

I fixed that and it's still doing the same thing. Any other ideas?

re: CSS layout in Safari

I figured it out: http://aec.ifas.ufl.edu/step/safari/test_rust.html
http://aec.ifas.ufl.edu/step/safari/basics2_rust.css

The three text boxes were all originally told to float:left. Well, Safari 2.0.3 doesn't like that. The last one has to float:right. Did that, changed my margins for alignment and it works in all the browsers I need to be compatible with for this site.