bg img

[chris9902]

i am tring to add a background to my navigation.

it is in a UL then IL list.

CSS

#tabs{
margin:auto;
width:683px;
background-image:url(nav.png);
}

#tabs li{
display:inline;
list-style-type: none;
}

#tabs a:link, #tabs a:visited{
float: left;
font-size: 0.70em;
font-family:Arial, Helvetica, sans-serif;
line-height: 20px;
font-weight: bold;
margin:0px 10px 4px 10px;
text-decoration: none;
color: #FCECF8;
}

#tabs a:hover{
color: #FCECF8;
}

#tabs a.active:link, #tabs a.active:visited, #tabs a:hover{
border-bottom: 3px solid #fff;
color: #FCECF8;
}

<div id="tabs">
<ul>
<li><a href="#">1</a></li>
<li><a href="#">2</a></li>
<li><a href="#">3</a></li>
<li><a href="#">4</a></li>
<li><a href="#" class="active">5</a></li>
<li><a href="#">6</a></li>
</ul>
<span id="date"><?php echo date("l, jS F Y");?></span>
</div>

it works in IE but not NS or FB

[ray326]

I don't know whether it's a bug or not but the background image appears if you add a border to #tabs.

[chris9902]

no, still not in FB