Horizontal Safari Problem

Please help me figure this out -- it's driving me crazy.

[new2css]

My site renders just how I want it to in FF and every version of IE that I've tried. But, in Safari there is a horizontal scroll bar... and when you scroll it is completely blank background color (about 10,000 pixels of it). If you don't scroll horizontally, it looks just the same as in the other browsers, but once you scroll a little, even the 100% width elements stop. I am using a modified holy grail from #*$!... please tell me if more of my style sheet would be helpful.

body
{
padding: 0;
margin: 0;
min-width: 750px;
}

#container{
margin: 0;
padding-left: 150px;
padding-right: 50px;
position: relative;
overflow: hidden;
}

#container .column {
float: left;
padding-bottom: 20000px;
margin-bottom: -20000px;
}

#topstripe{
clear: both;
height: 35px;
width: 100%;
}

#contentcolumn{
padding: 10px 20px;
width: 100%;
}

#leftcolumn{
position: relative;
width: 130px;
padding: 0 10px;
margin-left: -100%;
left: -190px;
}

/*** IE6 Fix***/

* html #leftcolumn {
left: 10px;
}

* html #vertmenu {
margin-right: -10px;
}

#container > #left {
left: -190px;
}

#rightcolumn {
width: 130px;
padding: 0 10px;
margin-right: -190px;
}

#footer{
clear: both;
position: absolute;
width: 100%;
padding: 4px 0;
padding-top: 1em;
}

.innertube{
margin-left: 10px;
margin-top: 0;
}

[SuzyUK]

Hi new2css, and Welcome to WebmasterWorld..

I'm not too sure and haven't been able to find anything specific to Safari, but the "Holy Grail" Layout (ALA) and also the "One True Layout" (PIE), which both use the large negative bottom margin have always had problems with scrolling, especially to "fragment identifiers" (bookmark anchors) within the layouts. There are also newer known issues with IE7.

It could very be that some modification you made did cause it to appear, is the original example of that layout, without mods, producing the scrollbar? I've never used these layouts myself and am not familiar with the nuances required to get them to work x-browser, there is a large page on PIE detailing known issues with the "One True Layout", or perhaps someone else has more ideas..

-Suzy

[new2css]

Suzy,
Thanks for your help. The original layout from ALA does not produce this horribly huge horizontal background. I'm quite sure that it has something to do with my mods, and probably something that I posted, but I have no idea what. I was just hoping someone had encountered this and has a quick fix (I also want a million dollars if anyone has an extra). I'm using Safari 3.0 and I don't even know if it happens in other versions. Anyone?

[SuzyUK]

new2css,
can you post your HTML structure that goes with that css, just the bare bones that exhibits the scroll, then some of us can test it Safari too and maybe it compare it to the original, I did test the original (in Safari) and found no scroll either.

ps: sorry, surprisngly enough, no spare million ;)

[new2css]

Sorry to waste your time, Suzy -- it was just a dumb mistake
("letter-spacing:-1000em;") in my CSS. I'm not even sure why it was there. Have a great day.