As you say there's all kinds of nested table fun going on there. And AFAICT you've just got your div in the wrong td. Back out a level or two and look at the rows - there's 2 rows to the table, one for the top, one for the bottom. You need to inject your div into the bottom row, first td. There may be other issues at that point, but that should get you pointed in the right direction.
On Mon, Apr 28, 2008 at 11:10 PM, Sean <[EMAIL PROTECTED]> wrote: > A friend of mine asked me to add an image to his web site. The problem I > am having is getting it placed where his bosses want it. They want it at > the bottom of a left hand column also used for navigation. You can see > an example at http://www.dezynworks.com/css_test/safari_mess.htm It > works in Firefox and IE 6 & 7, but not in Safari. > > This web site is nested table hell. Here is the relevant mark-up: > > <td valign="top" style="width:212px;height100%"> > <div style="margin-left: > 8px;margin-top:8px;margin-right:4px;height:100%;position:relative"> > <div id="web_special_button"> > <a target="_blank" > href="http://www.centerforfacialappearances.com/pdf/web_special.pdf";> > <img src="web_special.jpg"> > </a> > </div> > </div> > </td> > > I added the "height:100%;position:relative" to the outer div tag style > definition. #web_special button is defined as > "position:absolute;bottom:16px". Safari doesn't extend the outer div to > fill the table cell that contains it and so the image ends up on top of > the navigation. ______________________________________________________________________ css-discuss [EMAIL PROTECTED] 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/
