# Tearing out hair cause of div's

**URL:** <https://forum.kirupa.com/t/tearing-out-hair-cause-of-divs/72145>\
**Category:** Uncategorized\
**Created:** [December 2, 2004, 5:03pm UTC](https://forum.kirupa.com/t/tearing-out-hair-cause-of-divs/72145 "2004-12-02T17:03:32Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![RabBell](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/rabbell/32/340_2.png) [@RabBell](https://forum.kirupa.com/u/RabBell)\
**Post date:** [December 2, 2004, 5:03pm UTC](https://forum.kirupa.com/t/tearing-out-hair-cause-of-divs/72145/1 "2004-12-02T17:03:32Z")

</div>

Ok this is a unique problem and a complete pain in the neck Ⓜ

What I’m trying to do is display an image in a table column and then using div’s (or if someone knows a better way I’ll listen) to position a menu over the image. Here’s the code…

```php

<table align="center" cellspacing="0" cellpadding="0">
<tr>
<td valign="top" rowspan="4">
<div style="position: relative"><img src="images/toolbarframe_logoinc.jpg" border="0" usemap="#logomap"><div class="positionmenudiv">
<ul class="toolbarstyle"> 
<li><a href="" accesskey="1" title="WELCOME">WELCOME</a></li>
<li><a accesskey="2" title="ABOUT US" href="">ABOUT US</a></li>
<li><a accesskey="3" title="PRODUCTS" href="">PRODUCTS</a></li>
<li><a accesskey="4" title="FIXED INCOME" href="">FIXED INCOME</a></li>
<li><a accesskey="5" title="EQUITIES" href="">EQUITIES</a></li>
<li><a accesskey="6" title="ETHICIAL" href="">ETHICIAL</a></li>
<li><a accesskey="7" title="PRICES" href="">PRICES</a></li>
<li><font title="CONTACT US">CONTACT US</font></li>
<li><a accesskey="9" title="LINKS" href="">LINKS</a></li>
<li><a accesskey="10" title="IMPORTANT INFORMATION" href="">IMPORTANT INFORMATION</a></li>
<li><a accesskey="11" title="FOR IFAS" class="li_biggerlinks" href="">FOR IFAS</a></li>
</ul></div></div></td>
</tr></table>

```

you can see I’ve placed a div and gave it a relative position and then the image for the column and then another div with these settings

.positionmenudiv{  
position:absolute;  
left:5px;  
top:140px;  
}

and the menu is then displayed over the image just how I want it :beam:…almost

In Mozilla if I give the set the CSS settings to

.positionmenudiv{  
position:absolute;  
left:0px;  
top:0px;  
}

then the menu is shown in the top left hand corner of the column. However in IE it’s shown in the top center of the column. I then have to change the left settings to -20 to get it in the top corner but then in Mozilla the menu is -20 pixels outside the table…

any ideas :h: