Here is the gist of the problem: 1. This is for my Wordpress blog, so I kept things in the Wordpress hierarchy. It should NOT affect the CSS. 2. I have trouble diagnosing this problem because I only have access to a PC (XP). I've been using http://www.danvine.com/icapture/ to see what the site ressembles in Safari.
3. Basically, the problem is that what works in IE, Firefox, Opera, Mozilla, is not working in Safari. 4. If you go to http://philsproof.com/test/?page_id=14 you should see a black background, with a white container and border on top. Inside the white container should be a blue box with a red border on the top. This is generated by, <body> <div id="headerbar"></div> <div id="rap"> <div id = "testbox"></div> </div> </body> The relevant CSS is, body { margin:0 0 0 0; padding:50px 0 50px 0; background: #000; } #testbox { float: left; width: 100px; height: 200px; border-top: 4px solid #FF0000; background-color: #0000FF; } } #headerbar { margin: 0 auto; height: 3px; width: 906px; font-size: 0px; background: #FFFFFF url('img/repeatbarhead.gif') no-repeat; } #rap { position: relative; background:#FFFFFF url('img/repeatbar.gif') center repeat-y; min-height: 900px; width:900px; height: 900px; margin:0 auto 0 auto; padding:0 3px 0 3px; } body > #rap { height: auto; } Very simple. And yet it is not rendering correctly in Safari. Why not? This problem has been driving me mad! Phil ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
