You cannot position and float an element at the same time. So:
1. make the container relative
position: relative
Thus you create a context.
2. position the box with the image at the bottom, using
left/right: 0 bottom: 0
3. add some top and left margin to the positioned box to prevent
surrounding text from overlapping it.
if your container has no background image, you can use borders
instead of margins, with the same color of the background of your
container.
Let me know if this helped. :-)
http://www.css-zibaldone.com
http://www.css-zibaldone.com/test/ (English)
http://www.css-zibaldone.com/articles/ (English)
http://onwebdev.blogspot.com/ (English)
______________________________________________________________________
css-discuss [css-d@lists.css-discuss.org]
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/
