img src absolute positioniert - verlinkung funktioniert nicht

    hallo,
    seit 2 tagen trete ich auf der stelle und finde keine lösung...
    ich habe einige bilder "absolute" positioniert diese möchte ich mit anderen seiten verlinken -teilweise intern (home.html) und teilweise extern (z.b. https://www.forum-hilfe.de)...
    dazu kurz meine css und html codes:

    <style type="text/css">
    #box_sb_logo {
    position: absolute;
    height: 100px;
    width: 195px;
    left: 3px;
    top: 3px;
    }
    </style>


    <p id="box_sb_logo"><a href="sb.html" target="_self"><img src="images/sb-logo.gif" width="195" height="100" alt="" border="0"</a></p>
    <span id="box_sb_logo"><a href="sb.html" target="_self"><img src="images/sb-logo.gif" width="195" height="100" alt="" border="0"</a></span>
    <div id="box_sb_logo"><a href="sb.html" target="_self"><img src="images/sb-logo.gif" width="195" height="100" alt="" border="0"</a></div>


    egal, was ich versuche - es funktioniert nicht oder wenn es funktiniert (p-tag) zerreißt es mir meine ganze seite, indem die grafiken nicht mehr an den vorgegebenen positionen stehen, sondern springen und mein menu wird komplett verschoben...
    wo liegt mein fehler?
    einen ganzen div-container kann ich ja auch nicht in einen a-tag stellen - probiert habe ich das zwar auch, aber nur weil mir die ideen ausgegangen sind...

    für diejenigen unter euch, die es evtl. nachbauen wollen/müssen, um das problem zu erkennen: mein gesamtes script (zusammengefügt) im anhang...quellcode.txt

    Wozu verwendest du

    Code
    position: absolute

    ?
    Wenn du darauf eine Antwort findest, dann verwende es weiterhin.
    Falls nicht, dann positioniere besser und ausschließlich mit float und/oder margin.

    Merke:
    "Position abslolute" heißt so, weil es meist absolut überflüssig ist und man es nur dann verwenden sollte, wenn man sich absolut sicher ist, was es bedeutet.
    http://www.ohne-css.gehts-gar.net/0045.php

    Hi shadow,

    du solltest dich erstmal mit den HTML und CSS Grundlagen auseinander setzen.
    Eine ID (eindeutige Nummer) ist nur einmalig zu vergeben. Willst du mehreren Elementen dieselben Attribute zuweisen solltest du eine Klasse verwenden und keine ID.

    HTML
    <style type="text/css"> 
.box_sb_logo {
        position: absolute;   
        height: 100px; 
        width: 195px;    
        left: 3px; 
        top: 3px;   
}  
</style>


    Dein image Tag will auch geschlossen werden, sonst verreißt es dir natürlich die Seite:

    HTML
    <img  src="images/sb-logo.gif" width="195" height="100" alt=""  border="0" />

    Überarbeite deinen Code und dann können wir nochmal darüber sprechen. Nimm am besten die Lösung mit dem DIV. Wenn dieses DIV einmalig ist auf deiner Seite kannst du auch deine id verwenden.

    Viele Grüße
    CroWeHaMmeR