Is there something wrong in absolutely positioning within a <li> an <a> 
tag displayed as a block?
Of course problems arise on Internet Exploder (I'm quoting Georg :-)  ), 
both 7 and 6.
If you try it this is the crap result on the browsers just mentioned:

http://www.giuseppecraparottacv.co.uk/work-web-test-works-absolute.html

Please follow:
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).
This is unfair!

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

Please note that both files contain CSS code.

What shall I do? Try to position through float? I'm gonna try that... 
But could you please enlighten me on the above issue, I think I make no 
relevant mistake, that should work!!!

Thanks a lot,
G
//
______________________________________________________________________
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/

Reply via email to