As we're awarefrom previous discussions, padding, margins, and borders may all beapplied to inline nonreplaced elements, and they don'tinfluence the line-height at all. If we were toapply some borders to a SPAN element without anymargins or padding, we'd get results such as that shown in usemap="#banner-map" border=0 alt="Book Home" >
Copyright © 2002 O'Reilly & Associates, Inc. All Rights Reserved.using a negative value for right) or by specifyinga padding for the paragraph that is wide enough to accommodate thepositioned element. Also, since it has a transparent background, theparent element's text shows through the positioned element. Theonly way to avoid this is to set a background for the positionedelement.
Note that the boldface element in this case is positioned in relationto its parent element's content box, which defines itscontaining block. Without the relative positioning of the parent what's shown in Figure 7-27. The overlappingtext is not a mistake on Explorer's part -- it's doingexactly as you specified. Basically, there isn't an easy way tocircumvent this problem, although two possible approaches aredetailed in Chapter 11, "CSS in Action".
It gets worse, unfortunately. If you apply margins to inlineelements, as was discussed previously, you'll get results fromNavigator 4.x like those shown in Figure 7-28.