...

View Full Version : UL Background Wont Show in IE



srule_
01-09-2008, 02:57 PM
I thought I was past the days were I needed this form to help me with css but this has really stomped me!

My page renders perfect in every browser except for IE because it does not show my background color or images for my UL tags.

FF screenshot: http://browsershots.org/png/original/5b/5b33b11fbf91d1f2bdf8b6c4bd3f795a.png

IE screesnhot: http://browsershots.org/png/original/ab/ab601ec2705cacb7e6d6a2d90bfa1525.png

HTML:


<div id="sidebar">
<ul>
<li class="first"></li>
<li><a href="<?php echo CONFIG_HOME_URL?>index.php">Home </a></li>
<li><a href="<?php echo CONFIG_HOME_URL?>login.php">Login </a></li>
<li><a href="<?php echo CONFIG_HOME_URL?>register.php">Register</a></li>
<li class="last"></li>
</ul>
</div>


CSS:


#sidebar ul{
width:210px;
margin:5px 0 5px -10px;
list-style:none;
background:red url(images/nav_bg.gif)repeat-y 0 0;
}

#sidebar ul li{
padding:1px 0px 1px 10px;
margin: 0 20px 0 0;
}

#sidebar ul li.first{
background:url(images/nav_top.gif) no-repeat 0px 0px;
width:210px;
padding-bottom:15px;
}

#sidebar ul li.last{
background:url(images/nav_bottom.gif) no-repeat 0px -10px;
width:210px;
padding-bottom:17px;
}

#sidebar ul li a{
color: #74623c;
background:url(images/sword.png) no-repeat 0 -33px;
margin: 0px 20px 0 0px;
padding:2px 0px 5px 20px;
font-size:11px;
text-decoration: underline;
}

#sidebar ul li a:hover{
background:url(images/sword.png) no-repeat 0 2px;
color: #1F0700;
}

Arbitrator
01-09-2008, 04:12 PM
My page renders perfect in every browser except for IE because it does not show my background color or images for my UL tags.

Educated Guess: url(images/nav_bg.gif)repeat-y

Note the lack of space between the sub‐values.

VIPStephan
01-09-2008, 04:13 PM
Could it be the missing space between the image and the repeat?


#sidebar ul{
width:210px;
margin:5px 0 5px -10px;
list-style:none;
background:red url(images/nav_bg.gif)repeat-y 0 0;
}

… should be background:red url(images/nav_bg.gif) repeat-y 0 0;

Without an online example it’s a little hard to guess, though.

srule_
01-10-2008, 12:17 AM
Thank you, I was over reading that! *darn typos*



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum