Chris Kavinsky wrote:
> [...] I added overflow:hidden to the ul, and that got the background 
> image displaying, but then hid the container background in Firefox 
> (v. 2 and 3 on both Mac and Windows). IE 7, however, still displays 
> the background for the container, but not the list.

> http://associationdatabase.com/aws/OAESA/pt/sp/Home_Page

1: IE7 needs the same 'hasLayout' on the ul as IE6 does.

2: Give the ul a transparent background-color, or else it'll cover the
background on #nav completely and make it invisible.

So, the following...

#nav {
  margin:0;
background : #e6f4fe url(images/back_nav_right.png) no-repeat top right;
overflow : hidden;
clear : right;
}
#nav ul {
margin : 0;
padding : 0;
color : #036;
text-align : left;
list-style : none;
background : transparent url(images/back_nav_left.png) no-repeat top left;
height: 1;
}

...will work across browser-land.

regards
        Georg
-- 
http://www.gunlaug.no
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to