WebDesign - Tips und Tricks - IE7-Bugs : link area

Eingeschränkter Linkbereich bei relativer Positionierung

Auch der IE6 konnte den Linkbereich nicht bei display:block ausweiten; im IE7 tritt dieser Bug jedoch nur bei position:relative der umgebenden Box (für dynamische Navigationslisten erforderlich) auf: <div class="container"><a href="#">link area</a></div> .container { position:relative; } .container a { display:block; background:white; } .container a:hover { background:silver; }

Workaround: .container a { min-width:1em; } * html .Workaround a { height:1.4em; } Der übliche Workaround width:100% für den IE6, der ja Probleme bei standardkonformer Auslegung von padding und/oder border mit sich bringt, kann im IE7 vermieden werden. Dieser Workaround lässt vermuten, dass der Bug eine Folge des bekannten HasLayout-Problem ist – und tatsächlich: auch height:1.4em behebt den Bug, selbst im IE6.