witam chciałbym aby w komórce tabelki w jej lewym górnym rogu wyświetlała mi sie mała ikonka.

Kod przedstawiam poniżej.

[HTML] pobierz, plaintext 
<td class="fotogaleria" align="center"><a class="lightboxlink" href="foto1.jpg" rel="lightbox[fot]" title="fot"><div id="nowe"><img src="fot2.jpg" alt="fot" 
 
style="margin: 5px;"></div><br>fot</a><br>
</td>
[HTML] pobierz, plaintext 

ikonka mi sie wyświetla lecz jest pod zdjęciem a Chodzi o to żeby wyświetlał sie nad zdjęciem :

[HTML] pobierz, plaintext 
.fotogaleria {width: 150px; height: 200px; background-image: url(../layout/underimg.png); }
 
#nowe{
    background:url(../images/ribbon.png) no-repeat;
}
[HTML] pobierz, plaintext 

Bardzo proszę o pomoc co mam dodać do diva?

Jeżeli na jakimś tle umieszczasz jakąś treść/obrazek to zawsze będzie pod.
Skoro ma być to "mała ikonka" w domyśle "mały obrazek", to do umieszczania obrazków na stronie służy opcja <img src="... />, a nie div z backgroundem.

A żeby ten obrazek znajdował się tam gdzie chcesz i był na samym wierzchu to słowa kluczowe: Position, Z-index