
Figure 11-21. Help me
Wow! What happened? Simply put, each nested list cuts the font size by a quarter. Let's assume the document's base font-size is 12pt. Therefore, at the top level, the font's size will be three-quarters of that, or 9pt. All well and good, except the next level down will see a reduction to 6pt, and the
middle right
#content {
position: absolute;
left: 25%;
width: 50%;
top: 106px;
background-color: #ffffff;
overflow: auto;
}
overflow: auto;
With overflow: auto; With overflow: you can determine how overflowing content should be treated.
Values
visible = The element gets expanded to show the entire content. hidden = The content will be cut if it overflows. scroll = The browser should offer scroll bars. auto = The browser should decide how to render the element. Scroll bars are allowed.
Older browsers do not know support this property.
IE does not support overflow:visible
