css background rollover help

[yanni.depp]

I'm not overly css literate so I imagine there is a simple solution for my problem :P

I've added a css background rollover effect to my navigation div on myspace, but when the mouse hovers over one of the links it pushes down the lower links and I have no idea how to stop it, please help

my profile:
http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=42345513

my code:

.navigation-links a:hover {
background-color: c0c0c0;
display: block;
}

[Major Payne]

Try using MySpace's New Profile Editor (http://profile.myspace.com/index.cfm?fuseaction=cms.goto&_i=79380e4b-c47f-4fcf-bbba-625a6a4b7e75&_u=http%3a%2f%2fprofileedit.myspace.com%2findex.cfm%3ffuseaction%3dprofile.editor). You must be logged in and using Internet Explorer until they get this working for all browsers. It has the tools to allow you to insert your image(s) and set your mouseovers.

Ron

Voyager_One (http://myspace.com/voyager_one)

Voyager_Two (http://myspace.com/voyager_two)

[yanni.depp]

I didn't realise myspace had that feature, but still I don't think my current profile is capable of utilising it as my entire page is hidden and I'm using divs to create a completely custom layout

[Major Payne]

Did you even check it out? It has been awhile since I've used it, but I think they have the tools for putting in layouts created by layout generators or by self created layouts. There are lots of features in that Editor.

Ron

[yanni.depp]

I went to it and played around with a few of it's options but I couldn't get what I was looking for, that might be because of my inability to operate the program, I don't know

but you were right they have options to allow you to alter rollover effects, but I'm looking for a rollover that makes the background span the entire width of the div not just the text, which seems to be the only option the program provides

I'm sorry if I gave you the impression that I completely dismissed your suggestion, but I didn't

I'm open minded and willing to take on any advice that has to potential to help me reach what I'm trying to achieve

[yanni.depp]

I'm so sure there is a simple solution, that someone could look at my code for three seconds and instantly realise the problem

so please someone help

without the display: block; my links don't push the bottom links down but the roll over effect doesn't span the entire width of the div

playing around with things I used this code

.navigation-links a {
display: block;
}


and that spaced out all the links, the same way my hover code does

so I know it's the display: block;
I just need a way of stopping it, with either extra script or a different method of making the rollover effect span the width of the div

please someone help me