I'm trying to replace the use of tables by using CSS, and want to place an image in a certain location on the page. In this case a header that is an image. I am having problems, and am not sure where. I can get it working with the following CSS and HTML.

CSS:

#topbar
{
    width: 700px;
    height 89px;
    top 0px;
    left 0px;
}

HTML:

<div id="topbar">
    <img src="images/topbar.jpg">
</div>

The problem with this is that the topbar.jpg is stuck in the html file, and I want it in the css file so that I can use the code in multiple pages without having to add it in all pages. I tried other ways, but the image wouldn't show up for some reason. I know this is pretty simple, but I have only been learning css for 2 days, and am having trouble finding the answer. Any help would be appriciated.

Thanks in advance.

<style type="text/css">
<!--
#topbar {
    width: 700px;
    height: 89px;
    top: 0px;
    left: 0px;
    background:url(pic/knetbbs.gif) no-repeat center left;
}
-->
</style>

|:|KUNG|:|

You see www.workingwith.me.uk