Image Display Issue

[Lord Shyguy]

I've been redoing a style for my site, and one problem has come up; the banners won't display. Here is the CSS for the banners:

#banner {
text-align:center;
height:150px;
}

#banner img {
margin:auto;
height:226px;
width:765px;
background-image:url('C:\Documents and Settings\Pappa Bear\My Documents\My Pictures\Pokemon Sprites\Pokenigma Stuff\Pokenigma Banner.PNG')
}

#bannerbp {
text-align:center;
height:150px;
}

#bannerbp img {
margin:auto;
margin-right:45px;
height:76px;
width:424px;
background-image:url('C:\Documents and Settings\Pappa Bear\My Documents\My Pictures\Pokemon Sprites\Pokenigma Stuff\Pokenigma Banner 2.PNG')
}

And here's the HTML for where the banners are supposed to be:

<div id="banner">
</div>

<div id="bannerbp">
</div>

Is there supposed to be something in the divs? Is the CSS image code wrong? I can't seem to figure it out.

 

[Butterfree]

Firstly, #banner img is a selector selecting all img elements inside #banner; you don't have one. You want those properties on #banner itself.

Secondly, the image you're trying to display is just on your computer, so nobody else will actually see them like this.