Rollover Problems (CSS + DIVS)

[Meti]

Hey,
I'm coding a layout. I want to do rollovers on the layout.
But when I sliced the layout, I only sliced 1px width of the navigation, so it could expand 100% on your screen.

But when I want to create a rollover, it rolls-over the whole navigation.
How can I do different rollovers in that navigation?
Like:
Orange = Normal image
Red = Hover image
lllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllll

+rep

[Excellent]

.button {
background-image: url(blah);
width: blahpx;
height: blahpx;
}
.button:hover {
background-image: url(blah);
width: blahpx;
height: blahpx;
}

[Meti]

Already sorted this

.nav a {
background-image: url(images/nav_normal.png);
background-repeat: repeat-x;
width: 1px;
height: 44px;
}
.nav a:hover {
background-image: url(images/nav_hoverl.png);
background-repeat: repeat-x;
width: 1px;
height: 44px;
}

then
<div class="nav">Then links here</div>

[L?KE]

That works, but then the div will change colour, but they might not be on the actual text link.

It's better to style the actual text so when they hover over the section it is actually an active link not just a div that is changing colour.

[Meti]

Doesn't work for me
www.stockholm.se >> They have the same navigation I want, the blue one..

[L?KE]

#nav {
width: whatever px;
height: whatever px;
background: url('whatever.png') repeat-x;
margin: 0;
padding: top 0px bottom 0px;
text-align: center;
}
#nav a {
color: white;
text-decoration: none;
}
#nav a:hover {
color: white;
text-decoration: underline;
}

That it?

[Meti]

I don't want it to roll-over the text. I want image backgrounds of the rollovers.

[Excellent2]

I don't want it to roll-over the text. I want image backgrounds of the rollovers.

:S? Just use what I gave you but type inside it..

[L?KE]

You gave me that site as an example and that's what their menu does :S.

But yeah just follow excellent's instructions.

[Meti]

I've tried Excellents instructions. I already knew that code, but it doesn't work. I don't think you understand me.
It's a 1px width navigation, and i added 100% width, so it's the whole screen.
But when i do hover, it hovers the whole navigation..
--
And L?KE, I meant when you click their navigation