Image does not appear with CSS

Hello all,

I’m having issues with my CSS & XHTML coding in Dreamweaver. I’m trying to get a header image (normal rectangle) to appear as a background to my inline list, but for some reason the image doesn’t appear and instead a gray (rectangle) image appears. And when I preview it in a browser, no image shows at all. And I have no clue as to why this happens. I’ve checked the path to the image and the other images on my page show up, so I don’t think it’s a path issue.

If anyone can help me figure this out, I would appreciate it. Below is the CSS:

#top {
background: transparent url(…/images/top-header.jpg) no-repeat;
width: 560px;
height: 30px;
display: block;
}

#top-container {
margin-top: 0px;
display: inline;
width: 760px;
height: 20px;
list-style-type: none;
}

Here’s the XHTML:

<!–TOP CONTAINER -->
<div id=“top”>
<ul id=“top-container”>
<li>Date: December 1, 2006</li>
<li class=“right”>Issue No.</li>
</ul>
</div>
<!-- /TOP CONTAINER -->

Any help, input is appreciated! Thanks