[SOLVED] aligning an image to the bottom of a div

[M.O.S. Studios]

i have a div that has a bgimage, i have another placed in that <div> and i want to align it along the bottom.

 

how ever no matter what i try the image stays along the top

 

 

css

.logo{
width:100%;
height:255px;
background:transparent url(../../images/background/citywhite.png);
background-repeat: repeat-x;
}

 

 

html

<div class='logo' align='center'><img src='images/background/logo.gif'></div>

 

any ideas???? thanks in advance

[Axeia]

add "position: relative;" to the .logo class

and style="position: absolute; bottom: 0;" on the image. (and an ALT tag.. it's required!)

 

But going by the path of the image I'd say you'd be better of using a second div inside .logo and setting the background to image/background/logo.gif with some background-position: bottom; CSS magic?

[M.O.S. Studios]

awesome  worked like a charm