[HTML] plaatje over plaatje laten lopen

[yok]

Goedenacht GoT'ers!

Ik heb een table met twee columns. Hiervan is 1 gevuld met een banner en de ander een achtergrondkleur, maar ik wil graag over deze twee heen een .png logo. Dit is me gelukt via de SPAN-tag.

<td colspan="2"><IMG SRC="/images/nr1.jpg" WIDTH=691 HEIGHT=212 ALT=""></td>
<td width="159" bgcolor="#1E1D1B"><span id="logo"><img src="/images/logo.png" width="255" height="98" /></span> </td>

En dit staat in mijn css-file:

#logo {
position:absolute;
width:197px;
height:69px;
z-index:1;
left: 795px;
top: 21px;
}

Blijft dit plaatje goed staan op verschillende resoluties? Want als ik het scherm verklein of vergroot, dan krijg ik dit (terwijl het zo hoort te staan).

Is er een andere manier om mijn .png logo eroverheen te krijgen, waarbij hij altijd goed blijft staan?

Alvast bedankt!

[Snake]

Zet het plaatje absoluut t.o.v uw image, niet uw body.

[yok]

Hoe kan ik dit doen? Ik weet de basics van CSS/HTML, maar al helemaal niks van dit gedeelte van webdesign.

[phex]

code:

<div class="overlay">
    <img src="afbeelding1.jpg" alt="" />
    <img src="afbeelding2.jpg" alt="" style="position: absolute" />
</div>

Zoiets ?