[Tot]

I have a div that is set to 'overflow:auto', with no borders, margins or padding. The div scrolls fine in all other browsers yet on Mac IE for some reason it sets a horizontal scrollbar? I don’t have any images in the div and there are no long words making it scroll left and right. Is this a Mac IE bug or am I doing something wrong?

I’ve also found that if I refresh the page so many times the horizontal scrollbar disappears? WHAT THE HELL IS GOING ON?

CODE

CSS
#smallbox{
height:100;
width:150;
overflow:auto;
}

[Bill Posters]

iFrames Vs div's

It's all in there.

[Tot]

thankyou, but this has not solved the issue. The div does not have any p tags within in it. All the text should wrap within it, surely? Why is this not happening?

[Bill Posters]

Show us what you have.
Is there an online example we can view/check?

[Tot]

link

[Tot]

when you refresh it, sometimes the scrollbar disappears?

css has changed a bit now to-

top:17px;
height:115px;
left:0px;
position:absolute;
text-align:left;
color:#333;
overflow:auto;
width:164px;
padding:4px;

[Bill Posters]

Strictly speaking, whilst technically 'valid' markup, text is supposed to be nested within <p>…</p> tags.
Maybe the best solution would be to do that and then implement the 'narrowed paragraph' recommendations from the post I linked to.
It will stabilise MSIE/Mac's handling of the text overflow, whilst making negligable difference to its appearance in other browsers.


[edit]

I meant to say, nest a set of <p>…</p> tags within the existing <div>…</div> tags, etc…

[Tot]

okay, thank you for your help