Small Nav Bar CSS problem (SOLVED)

[JamesD]

I am styling a new site at http://www.sharp-shotz.com/index.php , on the extreme left and right in IE6 the border does not show  and in firefox just the extreme right border does not show. I presume I am missing a bit of CSS on the stylesheet but not sure why, all the rest of the borders are fine.

Any ideas, thanks for the help.


James

[SideshowBob]

Hi James,

I'm not quite sure if I understand your problem correctly as I see the border in all browsers...

If you are referring to to the 1px gap you see each end of your navbar then remove the margins from #menu_vert.

Does this solve your problem?

Bob

[JamesD]

Thanks yeh that sorted it out, it is all looking fine in IE but th etop  image has now displaced in firefox, any ideas why.

Thanks

[SideshowBob]

Can you be more specific about which version of browsers you are having trouble with? IE7 and FF2 look exactly the same to me.

Bob

[JamesD]

IE 6 and firefox 5

[Nullig]

You could change this:

div#header {
  height: 129px;    /* make it slightly larger than the header h1 a */
  background: #000000;         
}

Nullig

[SideshowBob]

Hi James,

I see a black strip below the top image in IE6/PC, this is the bottom part of your header poking through, the below fixes it.

div#header{overflow:hidden}

cheers,
Bob

EDIT: Actually this solves the problem from your other post!