Thanks... Unfortunately the reason I need the DIVs to be the same
size is that I'm trying to get a specific graphic at the bottom of
the DIV.
[snip]
I don't think you are asking for them to be the same height. It sounds as
though you are asking for a way of positioning material below the longest one,
which is different.
Footers are tricky after absolute positioning, but easier after floating.
Richard suggested floating - sounds good.
Try something like:
<div id="wrapper">
<div id="menu">
...
</div>
<div id="content">
...
</div>
<div id="end"></div>
</div>
<div id="footer">
...
</div>
Then float the "menu" left, and give "content" a suitable left margin. And
clear the "end" left in case the menu is higher than the content. (If you hit
"peekaboo", give "wrapper" a line-height of about 1.2, or use one of the other
peekaboo hacks).
If you had a different reason for making them the same height, such as wanting
the "menu" to have a background colour down to the footer, then give "wrapper"
that background colour, and give "content" its own background colour. But this
will only give the right result if content is higher than the menu. It can be
tricky to satisfy all these requirements simultaneously.
--
Barry Pearson
http://www.Barry.Pearson.name/photography/
http://www.BirdsAndAnimals.info/
http://www.ChildSupportAnalysis.co.uk/