question about vertical-align in this specific case

[kobo1d]

hi there...

i have found this article on the net:
http://stackoverflow.com/questions/2...-list-or-a-div

as you can see they work with line-height and vertical-align to vertically center an image inside ul/li tags in a div... now this works cool, but.....

if you also have an a(link)-tag before the image, not only the image (exact border) is a hyperlink, instead the whole line-height area is the link..
now what i need is a vertical-center but the link should be wraped exactly around the img tag and not for the whole line-height defined space...

i hope you do understand what i mean!

thx for any help !!!



btw here is the css for my div (which is also centered to the middle of the page):

width: 100%;
 height: 400px;
 position: absolute;
 top: 50%;
 margin-top: -200px;
 white-space: nowrap;
 z-index: 1;

this is the css for the ul/li

line-height: 400px;

and thats the img inside ul/li

vertical-align: middle;

plz help me!!!

[katierosy]

The code seems to be working fine. Can you add the demo link to verify? there may be a chance of Overriding some css property by other class / ID.