Hrmm... I'm lost, good luck.

[StroiX]

Please refer to the web site: http://alturl.com/yhba

 

Please look at the web site mentioned above and pay close attention to the "|" dividing the menu links (Abous, Teams, Events, Shop).

 

Problem:  This "|" should not appear at the end of the menu (after the "Shop" link).  However it seems that it is showing up in the Windows Firefox & Safari but not in Firefox when being run under the Apple operating system.

 

Please see if it is visible for you and if so, pleassee suggest how I may go about fixing the issue.

 

HTML:

<div id="navigation">
<a href="/about" class="navigation-about">About</a>
<a href="/events" class="navigation-events">Events</a>
<a href="/teams" class="navigation-teams">Teams</a>
<a href="/shop" class="navigation-shop last">Shop</a>
</div>

 

CSS:

#navigation {
    background:url(../_images/menu_bg.png) repeat-x;
height:68px;
width:100%;
padding:10px 0 10px 0;
margin:0 0 20px 0;
}
/*#navigation a { color:#666; padding: 0 10px 0 10px; text-decoration:none; }*/


.navigation-about, .navigation-events, .navigation-teams, .navigation-shop {
    float: left;
    display: block;
    padding: 0 0 0 12px;
    font-size: 105%;
}

#navigation a.last{
background-image: url();
}

#navigation-logo {
display:block;
float:left;
margin:3px 0 0 10px;
padding-right:25px;
}

#navigation a, #navigation a:visited {
display:block;
text-decoration:none;
color:#666;
padding:0 10px 0 10px; 
background-image:url(../_images/nav_divider.png);
background-repeat:no-repeat;
background-position:right;
font-weight:bold;
}

 

Thank you!

[947740]

Um...I don't see where the vertical bars are being added.  But if you have it set up to dynamically add the vertical bars, just do it manually.  You only have to type like 4 chracters.

[haku]

Ya, the code you are showing us isn't creating those bars.

 

[TheFilmGod]

Um...I don't see where the vertical bars are being added.  But if you have it set up to dynamically add the vertical bars, just do it manually.  You only have to type like 4 chracters.

 

Adding the "|" pipe character within your html is poor semantics. You should never add such characters for visual purposes. Simply use css.