CSS layout in Safari

[nevenuf24]

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?

[drhowarddrfine]

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

[kestrel]

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

[nevenuf24]

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

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

[nevenuf24]

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.