I don't know CSS very well so please excuse my ignorance. I have 2 elements which i want displayed at the same absolute position in a table cell. This is the css which doesn't work; the map is displayed outside the table cell at the right y position but to the far right of the screen, and the transparent gif is displayed at the right place i think
<td style="border: solid 1px #cccccc;width: 680px;" >
<cc1:Map ID="Map1" runat="server" Height="360px" Width="680px" EnableSession="True" EnableScroolWheelZoom="False" style="position: absolute; left: 0px; right: 0px;"/>
<img id="transparent" src="http://www.golivetutor.com/download/spacer.gif" style="width: 680px; height: 360px;position: absolute; left: 0px; right: 0px; z-index:180;"/>
I put both elements inside a div in the table cell which has relative positioning and that works ok but there is something else on the page which gets messed up by this (something built into the map which i can't control).
Is there another way to achieve the positioning i desire in the table cell?