Hi,
I have a site where I need to position a div (nested inside another div) at the very bottom of its parent div. In Firefox and Safari it works fine with the following;
<div id="leftmenu">
<ul>
<li> </li>
<li> </li>
<li> </li>
<li> </li>
<li> </li>
</ul>
<div id="language">
<ul>
<li><a href="#">item 1</a></li>
<li><a href="#">item 2</a></li>
<li><a href="#">item 3</a></li>
</ul>
</div>
</div>
and this css:
#language {
width: 180px;
margin: 0;
padding: 0;
position: absolute;
bottom: 0;
}
But this doesn’t seem to work with IE for Mac. The “language” div simply disappears. Maybe because IE positions it below the bottom?
I am simply not sure how I should calculate bottom positioning. Also I haven’t checked this on PCs yet.
Can somebody advice me?