Link to home
Start Free TrialLog in
Avatar of usbcrazy1
usbcrazy1

asked on

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
ASKER CERTIFIED SOLUTION
Avatar of mstrelan
mstrelan
Flag of Australia image
Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
Avatar of usbcrazy1
usbcrazy1

ASKER

<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>
Avatar of usbcrazy1
usbcrazy1

ASKER

I think thats the right source code above
SOLUTION
Avatar of mstrelan
mstrelan
Flag of Australia image
Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
Avatar of usbcrazy1
usbcrazy1

ASKER

<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>
Avatar of usbcrazy1
usbcrazy1

ASKER

I got rid of the -x in:

background-repeat:repeat-x;

and it worked.

Thanks for your help and pointers