Abstandsproblem

Hallo Leute,

im folgenden Sceenshot könnt ihr eine Trennlinie sehen!
[Blockierte Grafik: http://www.billbos.eu/forumbilder/trennlinie.jpg]

Diese Trennlinie soll nun oben einen Abstand von 5px und unten einen Abstand von 5px zum Text haben.
Margin und padding greifen funktionieren einfach nicht, wieso auch immer!!!
Weiß jemand weiter?

<!-- INFO BOX LINKS -->
        <div id="infos">
            <h2>Information about</h2>
                <?php
                    include('html/infos_inc.php')
                ?>

             <div class="infotrennlinie"><img src="images/trennlinie_280.png" /></div>

            <p>Hier folgt ein Text!!!!</p>

        </div>

        <!-- INFO CLIENTS -->
        <div id="clients">
            <h2>Clients</h2>
                <?php
                    include('html/info_clients_inc.php')
                ?>
        </div>

        <br clear="both" />

    </div>

/* TRENNLINIE INFOS */


class#trennlinie .infotrennlinie {
    width: 300px;
    height: 2px;
    margin: 5px auto;
    }

http://www.danielsfotos.com

MFG

Hey danke, aber so scheint es nicht zu gehen! Davon bin ich am Anfang auch ausgegangen, aber das Bild wird dann nicht mehr dargestellt, siehe link (danielsfotos.com).
Ich mache es mit der Grafik, weil ich jetzt nicht wüsste, wie ich den <border> eingestanzt aussehen lassen könnte.

LG

Stimmt, wäre eine gute Idee!
Angenommen ich würde jetzt doch die Grafik nehmen, weißt du wie ich das mit dem Abstand auf die Reihe bekommen würde?

Habe es jetzt übrigens mal so gemacht, wie du es beschreibst, die Idee ist echt gut! Nur gehen tut es einfach nicht, keine Ahnung wieso, siehe Code!

div.infotrennlinie {
width: 200px;
height: 2px;
border-top: #1f1f1f;
border-bottom: #777777;
}

TOP! Danke!