Site Displays perfectly in Firefox 3.5.5 and everything broke over the weekend in Safari 4.0.3

[b3tw33n]

Site Displays perfectly in Firefox 3.5.5 and everything broke over the weekend in Safari 4.0.3

In Safari
- The Header is not displaying, accept the logo and the language links.
- The Footer is not displaying. footer includes: footer links v0.1 and permanent links block v0.1
- There are no styles applied to the left side bar which includes quick search block v1.0, categories block v1.0, and Info block v1.1

Can anyone tell me why my site can look soooo different in safari. it appears to be related to the global.css because i put back up a backup i had of friday's work and the problem is gone. so it's in the css code. but i worked all day saturday so i can finish this project by today and now i'm back to friday night. i'm disgusted. does anyone have any wisdom as to where to focus my search for the problem? or maybe...is there a debug out there for css?

And since there is nothing like firebug for safari and can't really look into it very deeply.

site address: http://www.mimilou-shop.fr/

help greatly appreciated.

james

server info: http://www.mimilou-shop.fr/info.php

[b3tw33n]

ok well i isolated the problem. i don't really understand why, but the problem came from modifying the css code for the buttons. this line broke my header, footer and side bar.

/* exclusive button */
input.exclusive, input.exclusive_disabled, a.exclusive, span.exclusive {
background-image: url('../img/button-medium_exclusive.gif'
}

--
if i disable /*background-image: url('../img/button-medium_exclusive.gif'*/ then everything goes back to normal.

i think it must have something to do with redundant code, but i'm surprise it's effect.

j

[rocky]

In the code above, you are missing the closing ). That could be the problem, unless you just accidentially left it out of your post.

[b3tw33n]

that would make sense, but no i just missed to paste it into the post.