css navigation bar trouble

Hey.

Could someone have a look at my navigation bar....

http://www.design365.co.uk/sef/ybfuk/sefcustcontact.asp

It looks fine in ie but horrible in mozilla

ohhhh, personally I would design for FF and then take a look in IE.

Your button height is set at 23px, but the actual button seems to be 31px.

Try adding a min-height:31px; and min-width:110px; to ul#navigationbar li a and see if that helps

__________________
WelshStew Site Admin
If you think I've helped, click the "Thanks"
tierney rides tboard - uk site | xtreme wales - extreme clothing
WebForumz - facebook | LinkedIn

Hi

Changed the height to 31px, didnt know y the hell it was 23px in the first place! Changing the width messed the menu up in IE unfortunately.

Karninne helped me with this menu last week and it was fine until i implemented it in the ecommerce program using vpasp and now its having issues in mozilla. Any other suggestions?

P.S Karinne if you can help that would be great because you always seem to get my stuff working lol!

Well, I believe this is the css for your navigation bar:

Code: Select all

ul#navigationbar {
padding-top: 0px;
padding-left: 30px;
margin:0 auto;
list-style:none;
}

Add what I highlighted in red. Then, the div that the nav is in:

Code: Select all

#banner_middle{
height: 31px;
background-image: url(../images/sef/banner_middle.gif);
background-repeat: repeat-x;
margin:0 auto;
text-align:center;
}

Again, add what is in red. That might do it...

Cheers

hmm, thanks for having a go swagner, but it only moved the actual text and not the images

OK. Try adding the following to your nav bar css:

Code: Select all

background-position: center;

That could do it. You have a lot of weird css, and there might be some little thing that's screwing the rest up...

eugh im still having problems in firefox im really puzzled now lol. Any other suggestions anyone?

Thanks

Time for my "stuck record" impression again...

You have invalid HTML and invalid CSS. Fix them both before you go any deeper into bug-hunting.

Always do this; it's an important discipline for fixing problems efficiently. You'd be amazed how many problems simply disappear once you validated your code.