Background Image not showing in IE7,8 & Chrome (FF works)

I put a background image into a select box.
I can see the image in FireFox but it's not showing in IE 7, 8 and in Chrome.
Please help me out!

Thank you in advance!!

- HTML -
<div class="date-select" id="date">
<select id="o_date" style="outline:none; -moz-outline-style:none;">
<option value="">Date</option>
<option value="01">1</option>
<option value="02">2</option>
<option value="03">3</option>
- CSS -

Tried 1. 2 but all didn't work.

1.
.date-select select{background: transparent;width:73px; height:24px;border-top:solid 1px #858585;border-left:solid 1px #c1c1c1;border-right:solid 1px #c1c1c1;border-bottom:solid 1px #e1e1e1;padding:2px 0 0 3px}
.date-select{margin-top:1px;width:55px;height:24px;overflow:hidden; background-image:url(../images/arr_dropdown.jpg); background-repeat:no-repeat; background-position:right; position:relative; }

2.
.date-select select{background: transparent;width:73px; height:24px;border-top:solid 1px #858585;border-left:solid 1px #c1c1c1;border-right:solid 1px #c1c1c1;border-bottom:solid 1px #e1e1e1;padding:2px 0 0 3px}
.date-select{margin-top:1px;width:55px;height:24px;overflow:hidden; background:url(../images/arr_dropdown.jpg) no-repeat right}

3.
.date-select select{background: transparent;width:73px; height:24px;border-top:solid 1px #858585;border-left:solid 1px #c1c1c1;border-right:solid 1px #c1c1c1;border-bottom:solid 1px #e1e1e1;padding:2px 0 0 3px}
.date-select{margin-top:1px;width:55px;height:24px;overflow:hidden; background:url(arr_dropdown.jpg) no-repeat right}

 

Have you tried putting apostrophes in the Image URL brackets? It may be something stupid such as this that is not being parsed correctly in the browsers.

 

Thank you for the tip. But I already tried it but it didn't work. Do you have any other ideas?

 

Try

.date-select{margin-top:1px;width:55px;height:24px;overflow:hidden; {background: url(..images/bg.png)} no-repeat;