CSS problem in Safari

[Butalezi Brown]

Hi,

I am having some trouble getting safari to correctly display two styles.

You can see them here:
Collections
Product Page

I think the problem has to do with the code:
position :absolute

But I don't know why Safari does not like that specific code.

Is there a way to create a style sheet specifically for SAFARI?

Or any other work arounds?

Bb

[rstevenson]

In your stylesheet you have this...

#contentMainWrapper {
	width		: 100%;
	margin		: 0em;
	margin-left	: 0px;
	margin-top	: 10px;
	padding		: 0em;
	border-top      : solid;
	border-top-width: 1px;
	border-top-color: #c7c7c7;
	position	: absolute;
	top		: 117px;
	}

I'm not sure, but those spaces before the colons may cause some browsers to object. Just as an experiment, try removing all spaces in front of colons, and see what happens.

By the way, Safari hung when I tried to access your site, though it displayed fairly well in Firefox and Opera. In Firefox, whatever code you're using for hover effects on links is causing a flicker effect which is not pleasant.

Rob

[ronpeled]

You may also want to validate your HTML. I ran a quick XHTML validation on your sites and they seem to be missing some closing div tags or something. You should check for that.

From our experience Safari omits sections that it doesn't know how to render. This is pretty bad because it doesn't show a problem with the HTML (like IE6/7 and FF) it simply omits an entire section.

hope this helps,

[LissaE]

My recent experience with Safari, all of my site displayed correctly in it except for the main section, which is coded by me and every other browser I tested displayed everything correctly....to fix my problem for Safari, I had to add !important after my wrapper declarations, so you could try that with the position and see if it helps or not lol ie: position :absolute !important; good luck