Help with CSS

I'm using CSS to structure my webpage, and I'm having trouble coding my navigation menu. This is what I have typed in...

<div id="navigation">
<h1>Example Text</h1>
</div>

<div id="bg">
<img alt="" src="http://img519.imageshack.us/img519/472/nav4ui.png" width="196" />
</div>

But the text in navigation where it says "Example Text" appears above my navigation menu background!!! Does this kind of give you an idea of what I mean?..


EXAMPLE TEXT
[Navigation Menu Background]

Please help me!

Originally Posted by Jabu-Jabun

I'm using CSS to structure my webpage, and I'm having trouble coding my navigation menu. This is what I have typed in...

<div id="navigation">
<h1>Example Text</h1>
</div>

<div id="bg">
<img alt="" src="http://img519.imageshack.us/img519/472/nav4ui.png" width="196" />
</div>

But the text in navigation where it says "Example Text" appears above my navigation menu background!!! Does this kind of give you an idea of what I mean?..


EXAMPLE TEXT
[Navigation Menu Background]

Please help me!

why dopnt you try deleting the word sexample text in the CSS?
experiment a little

You've entered the background image as an element, when it should be part of the style.

The correct way to apply a background is this:

.stylename {
       	background-image: url(path/to/img.ext);
}

Replacing "stylename" with the name of your style and "path/to/img.ext" with the path to the background image.

Okay, I really dont get it..

All I want is a navigation menu on the side of my site.