Css in horizontal menu magento problem

I cant figure out why the 2nd line of the horizontal menu is not styling correctly

The first line shows up fine, with the correct background, the second doesnt

nav {

background-image:url(../images/theme/bg_nav_ul.jpg);
background-repeat:repeat-x;
border-color:#999999 #FFFFFF #0C3C64;
border-style:solid;
border-width:0 1px 3px;
font-size:13px;
font-weight:bold;
padding:0 20px 0 10px;
z-index:999;
}

Ive inspected the 2nd line in firebug but i cant find where in the css this is

Any help would be appreciated
usbcrazy1Asked:
Who is Participating?
 
mstrelanConnect With a Mentor Commented:
Probably need some source code to check the css against ;)
0
 
usbcrazy1Author Commented:
<html lang="en" xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
</head>
<body class="catalog-category-view categorypath-bedroom-html category-bedroom">
<div class="wrapper">
<div class="header">
<div class="header-top-container">
<div class="header-top">
<h1 id="logo">
</h1>
<p class="no-display">
</p>
<div class="quick-access">
</div>
</div>
</div>
<div class="header-nav-container">
<div class="header-nav">
<h4 class="no-display">Category Navigation:</h4>
<ul id="nav">
<li class="level0 nav-beds">
</li>
<li class="level0 nav-chairs">
</li>
<li class="level0 nav-sofa-beds">
</li>
<li class="level0 nav-mattresses">
</li>
<li class="level0 nav-tables">
</li>
<li class="level0 nav-dining">
</li>
<li class="level0 nav-bedroom active">
</li>
<li class="level0 nav-glass">
</li>
<li class="level0 nav-drawers">
</li>
<li class="level0 nav-wardrobe">
</li>
<li class="level0 nav-dressing-table">
</li>
<li class="level0 nav-tv-stand">
</li>
<li class="level0 nav-coffee-tables">
</li>
<li class="level0 nav-table-and-chairs">
</li>
<li class="level0 nav-high-chair">
<a href="http://einteriorstore.com/shop/index.php/high-chair.html">
</a>
</li>
</ul>
</div>
</div>
</div>
<div class="middle-container">
</div>
<div class="footer-container">
</div>
</div>
</body>
</html>
0
 
usbcrazy1Author Commented:
I think thats the right source code above
0
Cloud Class® Course: CompTIA Cloud+

The CompTIA Cloud+ Basic training course will teach you about cloud concepts and models, data storage, networking, and network infrastructure.

 
mstrelanConnect With a Mentor Commented:
All the elements are empty .... Are you copying and pasting from firebug? If so click Edit first so you get the full HTML source.
0
 
usbcrazy1Author Commented:
<ul id="nav">
                    <li class="level0 nav-beds">
<a href="http://einteriorstore.com/shop/index.php/beds.html"><span>Beds</span></a>
</li>
                    <li class="level0 nav-chairs">
<a href="http://einteriorstore.com/shop/index.php/chairs.html"><span>Chairs</span></a>
</li>
                    <li class="level0 nav-sofa-beds">
<a href="http://einteriorstore.com/shop/index.php/sofa-beds.html"><span>Sofa Beds</span></a>
</li>
                    <li class="level0 nav-mattresses">
<a href="http://einteriorstore.com/shop/index.php/mattresses.html"><span>Mattresses</span></a>
</li>
                    <li class="level0 nav-tables">
<a href="http://einteriorstore.com/shop/index.php/tables.html"><span>Tables</span></a>
</li>
                    <li class="level0 nav-dining">
<a href="http://einteriorstore.com/shop/index.php/dining.html"><span>Dining</span></a>
</li>
                    <li class="level0 nav-bedroom">
<a href="http://einteriorstore.com/shop/index.php/bedroom.html"><span>Bedroom</span></a>
</li>
                    <li class="level0 nav-glass">
<a href="http://einteriorstore.com/shop/index.php/glass.html"><span>Glass Furniture</span></a>
</li>
                    <li class="level0 nav-drawers">
<a href="http://einteriorstore.com/shop/index.php/drawers.html"><span>Drawers</span></a>
</li>
                    <li class="level0 nav-wardrobe">
<a href="http://einteriorstore.com/shop/index.php/wardrobe.html"><span>Wardrobe</span></a>
</li>
                    <li class="level0 nav-dressing-table">
<a href="http://einteriorstore.com/shop/index.php/dressing-table.html"><span>Dressing Table</span></a>
</li>
                    <li class="level0 nav-tv-stand">
<a href="http://einteriorstore.com/shop/index.php/tv-stand.html"><span>TV Stand</span></a>
</li>
                    <li class="level0 nav-coffee-tables">
<a href="http://einteriorstore.com/shop/index.php/coffee-tables.html"><span>Coffee Tables</span></a>
</li>
                    <li class="level0 nav-table-and-chairs">
<a href="http://einteriorstore.com/shop/index.php/table-and-chairs.html"><span>Table and Chairs</span></a>
</li>
                    <li class="level0 nav-high-chair">
<a href="http://einteriorstore.com/shop/index.php/high-chair.html"><span>High Chair</span></a>
</li>
                </ul>
0
 
usbcrazy1Author Commented:
I got rid of the -x in:

background-repeat:repeat-x;

and it worked.

Thanks for your help and pointers
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.