In Safari, the text appears on the photos and shouldn't

HTML & CSS
1

When was testing my client’s intro page in Safari, I noticed that the text is on the photos, the text is supposed to be at the bottom of the page. Anyway please see the result here. Also if you need to you may visit the actual page, which is [URL=“http://www.vyntagevogue.com.au/”]here - the intro page was built using WordPress, so the CSS is style.css, and the photos are within the #photosWrapper and the text is within the #contentWrapper. Could someone please help me solve this problem? Thanks in advance.

2

What version of safari is the problem noticed on? I’ve got Safari 5.1 and I can’t replicate the problem…

3

Safari 3.1.2 and 4 are the versions I have tested it in. Due to a slow internet speed at the moment, I can’t seem to get my cross browser testing website to display the intro page in Safari 5.

4

I don’t know anyone that tests in safari 3.1 as its probably only you that is using it:)

You could try adding clear both to the content wrapper as older safari always had problem clearing floats properly.


#contentWrapper{clear:both}
5

Well, the layout is MASSIVELY broken here in Opera, I suspect my large font settings combined with broken page-building methodologies are likely at fault. Paul is right that a clear on #contentWrapper should handle the immediate issue… but the lack of text in the h1, use of presentational images in the markup, non-breaking spaces inside DIV for christmas only knows what reason…

Though seeing it unbroken in FF, I do have to ask why you would want to push anything resembling content clear off the page with some goofy images that don’t tell new visits immediately what the site they’re on even is…