Had much trouble controlling gap under the main header graphic, mast.gif It would have about a 3px gap underneath letting the div background color show between it and the orange border. Still broken in IE 6 (i almost don't care...) After hours of messing around with this I finally came to some abomination of vertical-align in -em's. All the code validates. Whether it is correctly applied begs to question.
Additionally I had to use this on the little shopping basket graphic so it would line up with the "Items" and "Checkout" link to the right. (PS this was all fine till my partner wanted a clickable image in the header - had in background before) Here is the relevant css. Actual Sheet: http://beta.handmade-paper.us/Merchant2/cpo.css #global_header { background: #a52a2a; border-bottom: 3px solid orange; } .globalheaderimg { display: inline; border-style: none; vertical-align: -.30em; } .minibasket1 { font-size: .9em; font-weight: bold; color: white; background-color: #a52a2a; white-space: nowrap; padding-right: 1em; display: inline; } .minibasket1 a:link, .minibasket1 a:visited { color: white; text-decoration: underline; } .minibasket1 a:hover { color: #a52a2a; background-color: white; } .minibasket1 a:active { color: #a52a2a; background-color: yellow } .minibasket1 a:link img, .minibasket1 a:visited img { color: #a52a2a; background-color: #a52a2a; border: 1px solid #a52a2a; border-bottom: 1px solid white; vertical-align: -.15em; } .minibasket1 a:hover img { color: #a52a2a; background-color: #a52a2a; border: 1px solid white; vertical-align: -.15em; } .minibasket1 a:active img { color: #a52a2a; background-color: yellow; border: 1px solid white; vertical-align: -.15em; } ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
