Here's a little bug in IE6 that is annoying me for a while now. See
http://www.satzansatz.de/cssd/tmp/aposwrong.html and http://www.satzansatz.de/cssd/tmp/aposwrong.png There is a 1px gap below the red block that is absolutely positioned (bottom:0) inside its containing black block. (In case you cannot see the gap, change the text zoom.) Both should be equal in height. The height is determined by font metrics only, but both, black and red, have the same metrics (I think). Tried a couple of fixes, inluding giving a line-height, paddings, margins, vertical-align and all I can think of. But once it is fixed, it breaks with another line-height/font/text-zoom setting. (The original problem is about matching a background-image of an absolutely positioned block with a background-image of its container. The container's intrinsic height is formed by its text content.) <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd";> <html xmlns="http://www.w3.org/1999/xhtml"; xml:lang="de" lang="de"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title></title> <style type="text/css"> *{margin:0;padding:0;color:#fff;} body { font: 100% georgia, serif; } div { position: relative; width: 100%; font-size: 5em; background: black; } span { position: absolute; left: 1em; bottom: 0; width: 1em; background: red; } </style> </head> <body> <div> a<span>z</span> </div> </body> </html> Thanks Ingo PS: did they say the new meta lets IE6 behave like IE8? -- http://www.satzansatz.de/css.html ______________________________________________________________________ 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/
