div and auto overflow

[pikachax2713]

i'm trying to apply a code to my web page and the autoflow doesn't seem to be working. i see the scrollbar, but it doesn't move:

<div style="background-color:F5E537;
border-width:1px;
border-style:dashed;
border-color:000000;
font-family:arial;
text-align:left;
filter:alpha(opacity=70);
-moz-opacity:0.70;
opacity:0.70;
width:150px;
height:100px;
overflow: auto;">
lots of words
</div>

can anyone help?

[Don_Hoagie]

Welcome to WebmasterWorld!

Beside the fact that you don't have a # in front of your hex codes for colors, I don't see an issue.

What browser/app are you testing in?

Incidentally, you might want to check out info on CSS shorthand... you could replace the following in your code:

border-width:1px;
border-style:dashed;
border-color:000000;

with

border: 1px dashed #000;

Would save you some typing, and would certainly make things easier on the eyes when you're scoping out an issue like this.

[edited by: Don_Hoagie at 9:22 pm (utc) on Mar. 20, 2006]

[pikachax2713]

thanks for the welcome =]

i'm using mozilla. is it possible that the opacity codes are interfering with the overflow?

[Don_Hoagie]

Well, as Firefox is a standards-based browser, you'll want to tack in those # characters before the hex codes, just to make sure.

I doubt the opacity attributes would cause an issue, but when in doubt, remove them from the code, and then see if it works.

[pikachax2713]

i stuck in the # but it still didn't work.

i took off the opacity just to check, didn't work.

would it help to mention that this div is within a div that has an absolute position?

[pikachax2713]

ah, i sort of figured it out. i have another div [sort of] slightly overlapping this div.

can someone tell me why it affects it?