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

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


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:


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.


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.


Rowby Goren
Rowby Goren
1 Solution
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
Rowby GorenAuthor Commented:
Thanks -- that worked!


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