Div größe an Inhalt anpassen?

Hallo,
ich habe eine einfache Seite, in der oben und unten ein Dekoratives Div element angezeigt wird und in der Mitte ein Bild. Nun sollen diese Div elemente von der Breite genau so breit sein wie das Bild, also sich je nach Bildgröße anpassen. Wie kriege ich es hin?

Die Seite:
MTG-Eventpix

<html>
<head>
      <title>MTG-Eventpix</title>
</head>
<body style="background-color:#161410;">
      <div style="text-align: center; margin: 0 auto;">
           <div style="padding:0px; border:1px; border-color:#363430; border-style:solid; background-color:#22201D;"><br></div>
           <br>
           <?php echo("<img src=\"http://www.germagic.de/silas/".$_GET['sub']."/pic".$_GET['pic'].".jpg\" alt=\"pic".$_GET['pic']."\">")
           ?>
           <br>
           <br>
           <div style="padding:0px; border:1px; border-color:#363430; border-style:solid; background-color:#22201D; width:100%; "><br></div>
      </div>
</body>

vielen dank im Voraus!