Hello,

I am new to the forums and I hope you can help me out.

I am designing a website which will have four hover buttons in the corners and flash content in the middle.



Uploaded with ImageShack.us


I am using the following code for the buttons which works fine:
div.container { position:relative; }
img.positioned { position:absolute; height:63px; width:122px; }
img#topleft { top:0; left:0; }
img#topright { top:0; right:0; }
img#bottomleft { bottom:0; left:0; }
img#bottomright { bottom:0; right:0; }

<div class="container">
<img src="image.gif" class="positioned" id="topleft">
<img src="image.gif" class="positioned" id="topright">
<img src="image.gif" class="positioned" id="bottomleft">
<img src="image.gif" class="positioned" id="bottomright">
</div>


But I am having difficulty to position the flash content.

What I need is the html and css to position the 4 buttons with a hover effect and the flash content.

Thanks in advance for your help.