Vertical Align to the base CSS2 ??

[scooter41]

Ok, I am stuck on what would take around 5 seconds using tables, but I am forcing myself not to go back to evil dark side......

I am basically just trying to align an image to the bottom of the div, this must be someway possible surely....

The darkblue area on the left, is a class known as leftNav, and even has a height attribute of 385 pixels, thats why its lower than the image of the dog, but I am now trying to lower the dog down to the base of that div,

Even with the bottom:0px and relative positioning wont work here, anyone have any good solutions?

 

[Augmented]

As the dog image is presentational, it should be added to the page via CSS, with the background-image property of leftNav (assuming this is not currently the case). You can then position it using background-position.

You can combine this into a single property, with example code:

#leftNav {
background: transparent url(/graphics/dog.jpg) no-repeat bottom left;}

 

[scooter41]

now thats the kind of answer I was looking for! spot on ........ now if only I thought of that