• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 185
  • Last Modified:

Hover - grey line -- around nav buttons - even with a zero border

Hi

I am trying to put some css navigation buttons (no graphics) on "top"of an existing graphic.

Even though I don't have CSS borders in the "buttons" I am seeing little gray "ghost lines" on at least the top and bottoms of the buttons -- which is preventing me from getting the buttons to blend in with the background graphic color of the navigation area.

You can see what I am talking about on this development site:

http://freevanrentals.com/

NOTE:  I am *assuming* that the light gray "borders" visible on the navigation are not caused by CSS -- I don't see any clues via firebug.  I didn't create most of the css so maybe there's some border css hiding somewhere -- perhaps cascading from another css setting.

ANYWAY I am talking about the blue navigation on top banner area of the page that starts with "home   about us" etc.

http://freevanrentals.com/

Right now the bottom of the css nav you can see the slight gray line on the bottom.  Perhaps it is caused by some browser default - I see it in both firefox and IE.

Thanks

Rowby
0
Rowby Goren
Asked:
Rowby Goren
1 Solution
 
pvlierCommented:
Set on the CSS here:
<div class="yuimenubar yuimenubarnav yui-module yui-overlay visible" id="ariyuimenu_ariyui87" style="z-index: 0; position: static; display: block; visibility: visible;">
the borders are caused by the definition ".yui-skin-sam#ariyui87 .yuimenubar" in css_loader.php
0
 
Rowby GorenAuthor Commented:
Thanks -- that worked!

0

Featured Post

Free Tool: ZipGrep

ZipGrep is a utility that can list and search zip (.war, .ear, .jar, etc) archives for text patterns, without the need to extract the archive's contents.

One of a set of tools we're offering as a way to say thank you for being a part of the community.

Tackle projects and never again get stuck behind a technical roadblock.
Join Now