what is the best way to have one image overlap another on an html page for all browsers
i have two spans:

    <span id="top" ><img src="top.png" /></span>
    <span id="bottom" ><img src="bottom.png" /></span>

how can i have it where:

1.  The top image overlaps over the bottom image
2. Make sure the top images shows up in front of the bottom image) (instead of behind it)
3. make sure that alignment is consistent across browsers



what is the best way to have one image overlap another on an html page for all browsers
===

i have two spans:

    <span id="top" ><img src="top.png" /></span>
    <span id="bottom" ><img src="bottom.png" /></span>

how can i have it where:

1.  The top image overlaps over the bottom image
2. Make sure the top images shows up in front of the bottom image) (instead of behind it)
3. make sure that alignment is consistent across browsers


