无法使用CSS和HTML调整div中img的大小

Question

我是一名初学者，正在创建tumblr主题，但是遇到了问题。我有两个补充了相同背景img的侧边栏（左右），但是我无法将img的大小调整为div的比例。

我花了一些时间才能将图像放置在正确的位置，但是现在太大了。我尝试了多种方法来调整它的大小，但没有任何改变。我的意图是使图像可自定义，因此无论图像如何，它都适合div。如果有人有任何建议，我会很高兴。

我尝试了最大宽度/最大高度，背景位置和背景尺寸等。

.leftbar {
    width:246px;
    height:775px;
    position:fixed;
    margin-top:20px;
    margin-left:60px;
    border-radius:100px;}

#sidebarborder {
    width:185px;
    height:725px;
    position:absolute;
    margin-top:17px;
    margin-left:22px;
    border:8px solid {color:border background};
    border-radius:90px;}

#sidebarimg {
    max-width:100%;
    max-height:100%;}

<meta name="image:sidebar background" content=""/>
<div id="sidebarimg">
    <img src="{image:sidebar background}" />
</div>