I've seen a screen shot of my header graphic in Safari. (don't have Safari)
I'm coding using Firefox and IE.
In those browsers the behavior is consistent.
I have two floated graphics, one float:left inside div#headerLeft and one float:right, inside div#headerRight.
They're inside a div#header that has a background graphic.
These are all inside an absolutely positioned div#top.
In the browsers I've used the graphic/header takes all of the width of the body, which is what I want, with the float:left graphic all of the way left and the float:right graphic all of the way right, taking up 100% of the space.
In Safari, if someone could please confirm, the right graphic appears as though it's inline and right up against the left graphic and all to the left, which also sizes the background graphic in div#header to just cover only this smaller size.
Is there a better convention for floating graphics in Safari?
Do I need to add a display: command? ( I tried width:100% but that apparently didn't work.)
Most all of the pages have the same header system with the main exception being the index.html which has a few slightly larger graphics.
The beta site is at <a href='http://members.cox.net/david.silva">http://members.cox.net/david.silva<a>
The .css file used is products.css also on this site.
If you can lend some Safari insight, it would be most appreciated :)