no change in the clipping region like this:
overflow-clip: rect(0, auto, auto, 0);
This would be no different than declaringoverflow-clip: auto. It'smore interesting to shift the clipping area, of course. For example:
DIV#sidebar {position: absolute; top: 0; left: 0; width: 5em; height: 7em;overflow: hidden; overflow-clip: rect(0.5em, 4em, 6.5em, 1em);}This sets the clipping area inward half an em from the top and
Now we have the sidebar enclosed in its very own classed table cell.Since the background color for the sidebar is green, we can createour first style:
.sidebar {background: green;}Moving on with the sidebar, we want to get rid of all theFONT tags, and hopefully the other style tags aswell (like <B> and<U>). Since the entirety of the sidebar usesthe font Verdana, we can add that to our style sheet:
So, with the background repeating, we can see from Figure 6-48 that the tiling pattern starts with theposition specified by background-position. Thisfirst image is known as the originimage , and it's very important tounderstanding the next section.

As it happens, the positioning of backgrounds does contradictsomething I said earlier. background-position isthe only background property with restrictions, as it may only be
Should the contentof an element be too much for the element's size, it will be indanger of overflowing the element itself. There are a fewalternatives in such situations, and CSS lets you select betweenthem. It will also allow you to define a clipping region to determine