[thelist] Re: <ul> breaking

[Diane Soini]

I haven't got a perfect answer as to why, but I fiddled around on my 
Mac and found that it just absolutely won't accept the background  on 
the <li>, but it would accept it on the <a>. I can't explain why. But 
as long as there wasn't background properties set on the <li> it seemed 
to layout ok.

I got this CSS below to layout the nav1 links properly (so they aren't 
flying way off the left side of the screen), but obviously this code is 
not going to do what you want because I took out the images and pared 
it down a lot. Maybe if you fool with it more you can make it work:

(P.S. Your HTML probably won't validate. For example, your link tag for 
the css file isn't formatted correctly. It should have type="text/css" 
and the closing angle bracket should have a slash />)

#nav1 {
	background-image: none;
	border-bottom: 1px solid #fff;
	padding: 2px 0;
	background-color: #9C9D81;
	}	

#nav1 {
	border: 1px solid red;}
	

#nav1 li {
	margin-left: -4px;
	}

#nav1 li.active {
	color: #000;}

#nav1 li a {
	color: #fff;
	text-decoration: none;
	border-left: 1px solid #fff;
	padding: 2px 12px 2px 18px;
}

#nav1 li a:hover {
	color: brown;}

#nav1 li.active a {color: #000}

On Thursday, January 8, 2004, at 04:02 AM, 
thelist-request at lists.evolt.org wrote:

> A co-worker just pointed out that the navigation on a page I built 
> breaks horribly in IE/Mac.  According to our user stats, IE/Mac users 
> only made up 0.3% of our total visitors last month, so this isn't a 
> top priority, but it would be nice to get the navigation at least 
> usable.
>
> I've made copies of the HTML and CSS and posted them to my personal 
> server.
>
> HTML:
> http://www.azf2k.com/stanford/stanfordgsb.html
>
> CSS:
> http://www.azf2k.com/stanford/css/portaltest.css
>
> The problem is with the two lists at the top of the page with the 
> olive and tan backgrounds.  In IE/Mac they get stretched out and don't 
> completely display.
>
> Has anyone seen this before?  Is there a suitable fix?