내 div 배경 이미지가 표시되지 않습니다.

내 HTML 코드의 CSS에서 <div>에 대한 배경 이미지를 할당했습니다. 너비와 높이를 지정하고 <div>에도 내용을 추가했지만 아직 보이지는 않습니다. 나는 시도했다 :내 div 배경 이미지가 표시되지 않습니다.

CSS :

#order_list { 
    position: absolute; 
    width: 25%; 
    height: 100%; 
    z-index: 2; 
    left: 75%; 
    top: 35px; 
    color: #F33; 
    background:url(img/ItemList.png) 
    display: inline-block; 
    alignment-adjust: central; 
    font: Arial, Helvetica, sans-serif; 
    font-size: 14px; 
    font-size-adjust: inherit; 
    grid-rows: inherit; 
    list-style: upper-alpha; 
    word-spacing: inherit; 
    word-wrap: break-word; 
    vertical-align: central; 
}

HTML :

<div id="order_list"> 
<div id="confirm" class="buttonClass"> 
    <div align="center">Confirm</div> 
</div>  

<div id="total" class="totalClass"> 
    <div align="center"></div> 
</div> 
    </div>

스크린 샷 : enter image description here