Giuseppe Craparotta wrote: > > http://www.giuseppecraparottacv.co.uk/work-web-test-works-absolute.html > > To properly display the "works" links at the bottom-right of > the <li> on IE6 you need to add /width:100%/ to the <li> itself . > Of course I've also added /position:relative/ to the <li> to activate > /position:absolute + top: x /and /left: y/ values given to the <a> . > As a consequence of the presence of the width property, the <li> get > separed when the page size is increased (ctrl + mouse wheel).
Try adding position:relative to body. If the problem is caused by the IE7 'page zoom' and relative positioned elements [1], this should fix it. > If you get rid of the absolute positioning method and position the > "works" links simply by setting top and left margins then the "want to > tell you something more" link gets covered (z-indexing doesn't do any > good). This is what you get in IE6 and IE7: > > http://www.giuseppecraparottacv.co.uk/work-web-test-works.html In this case it seems that giving 'hasLayout' [2] to the <li> fixes the problem. I tried with li { zoom: 1 } (not used width:100% here since the li have horizontal padding.) Hope this helps a little, Bruno [1] http://brunildo.org/test/ie7_relzoom2.html [2] http://www.satzansatz.de/cssd/onhavinglayout.html -- Bruno Fassino http://www.brunildo.org/test ______________________________________________________________________ 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/
