html - 位置が固定された丸い画像 - css

Question

位置を固定してクロムとモジラの両方で丸い画像を取得しようとしていますが、クロムでは何とか失敗します。

これが私のcssです:-

.circular{

    -webkit-border-radius: 150px;
    -moz-border-radius: 150px;
    border-radius: 150px;
    box-shadow: 0 3px 2px rgba(0, 0, 0, 0.3);
    border: 5px solid white;
    overflow: hidden;
    position: fixed;
    height: 100px;
    width: 100px;
    left: 80px;
    top: 20px;
}

これが私のhtmlです:-

 <div class='circular'>
              <div class='round-image'>
                <img alt="Portfolio_page" src="/assets/portfolio_page.png" />
              </div>
            </div>

これは chrome と mozilla の 2 つの結果です:-

position: fixed を配置せず、特定の高さと幅を指定するまで、適切に表示されていました