Can't get image line up with Nav bar

[Dhelsdon]

Hi,

I am building a website for my friend, and I cannot get an image to sit beside the navigation bar properly. The website can be found here. I am trying to place the image directly beside the tab for Privacy Policy.

Any time I try to line it up, it either gets bumped approx 10-15px below the header or to the next line down. I have a feeling it's due to the way the styles are set up. All the css styles are embedded so it shouldn't be too tough to replicate.

I've tried to get the image as close to the proper position as it will currently allow.

Any help is greatly appreciated!

 

[phantax]

Without digging into the CSS too much, I would just set the background-image of #nav to be your image and have it repeat.

 

[Dhelsdon]

No luck, it gets 'overwritten' by the nav bar. Any other ideas?

 

[Dolorian]

Use:

#nav { background: url(./pro_drop_1/blank2.gif) repeat-x; }

And delete the inline image you have now. It should look like this then:

 

[Dhelsdon]

Use:

#nav { background: url(./pro_drop_1/blank2.gif) repeat-x; }

And delete the inline image you have now. It should look like this then:

Perfect thanks!

That worked great, now I just need to get rid of that extra 15px padding on the righthand side!

Anyone know of something I could use in css to ignore other divs or something that would fit it properly