# Image does not appear with CSS

**URL:** https://forum.kirupa.com/t/image-does-not-appear-with-css/206710
**Category:** web dev
**Created:** [November 10, 2006, 4:25pm UTC](https://forum.kirupa.com/t/image-does-not-appear-with-css/206710 "2006-11-10T16:25:38Z")
**Posts on this page:** 1
**Page:** 1

<div class="post-metadata">

### Author: ![njoay](https://avatars.discourse-cdn.com/v4/letter/n/b487fb/32.png) [@njoay](https://forum.kirupa.com/u/njoay)
#### Post date: [November 10, 2006, 4:25pm UTC](https://forum.kirupa.com/t/image-does-not-appear-with-css/206710/1 "2006-11-10T16:25:38Z")

</div>

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