backgrou of div?

[jjmusicpro]

i did this in my css

 

#nav { background:url(../design/nav-bottom.gif);}

 

however in IE it wont display the background image, but in Firefix it will, any ideas?

[Lefteris]

Check and see if it is a cache problem. Maybe your old css is cached in firefox. Just do a clear all private data from the Tools Menu and check if it is displayed.

[jjmusicpro]

nah didnt work...

IE still shows old background.

[jjmusicpro]

? anyone

[jjmusicpro]

anyone?

[dbrimlow]

Does #nav have any content in it? If it has no height attribute, and no content to create height, then the div will not auto size to a background element.

[haku]

Give some code and/or post a link. Preferably a link.

[jjmusicpro]

loopmakerpro dot com

 

in IE it wont show gradient of nav bar but in firefox it does

 

here is my css

 

    #nav {padding:0 20px; background-image:url(../design/nav-bottom.gif); overflow:hidden;}

    #nav ul {margin:0; padding:0; list-style:none;}

    #nav ul li {display:inline; margin:0; padding:0;}

    #nav ul li a {display:block; float:left; padding:10px 14px 10px 15px;}

    #nav ul li#nav-active a {border:0; font-weight:bold;}

    #nav ul li a:hover {text-decoration:none;}

 

then the code on my page is

 

<div id="nav">

        <ul>

            <li id="nav-active"><a href="index.php">Home</a></li>

<li><a href="news.php">News/Updates</a></li>           

<li><a href="aboutus.php">About Us </a></li>

<li><a href="members.php">Members Area</a></li>

<li><a href="products.php">Our Products </a></li>

            <li><a href="jointoday.php">Join Today </a></li>

            <li><a href="freeloops.php">Free Loops </a></li>

            <li><a href="contact.php">Contact</a></li>

        </ul>

    </div>

[jjmusicpro]

Does #nav have any content in it? If it has no height attribute, and no content to create height, then the div will not auto size to a background element.

 

100% CORRECT it worked THANK YOU!