如何使用需要最大高度和宽度的图像来增长div？

Question

好的，如果我有一个div：

<div id="imgholder">
    <img id="myimg" src = "foo.png">
</div>

我需要图像不大于700px乘700px。

所以我这样做了：

#myimg{
    max-height: 700px;
    max-width: 700px;
}

但是现在，我需要将div紧紧包裹在图像周围。我怎样才能做到这一点？好像我想要那里的最大高度和宽度。 div默认为身体高度和宽度的100％。因此，如果我在其上放置最大高度和宽度，它总是出现在那个高度和宽度上，即使里面的图片小于那个。我该如何解决这个问题？

编辑：意识到我遗漏了为什么它违反了身体的高度和宽度：

#imgholder{
    overflow: hidden;
    z-index:1000;
    background-color: #F0D2DB;
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    left:0;
    right:0;
    padding: 10px;
    border-radius: 10px;
    float: left;
}

我将它弹出页面内容，因此我使用top，bottom，left和right属性来帮助居中。