IE6 not showing list items

Discussion in 'CSS' started by Hades, May 9, 2008.

  1. #1
    Hey guys,

    Does anyone know what could make IE6 not show the list items (after the first ones?) Here is my code, hoping someone could help me figure it out:

    #content-questions {
    	list-style:none;
    	position:relative;
    	top:25px;
    	left:15px;
    	}
    
    #content-questions li {	
     height:46px;
     display:block;
     }
    
    #content-questions li.red {
    	background:url(images/redhead.icon.png) no-repeat left center;
    	}
    
    #content-questions li.blonde {
    	height:48px;
    	background:url(images/blonde.icon.png) no-repeat left center;
    	}
    
    #content-questions li a {
    	font:normal .875em Tahoma;
    	color:#3D137C;
    	position:relative;
    	left:50px;
    	}
    
    #content-questions p.questions-meta {
    	font:normal .875em Georgia, "Times New Roman", Times, serif;
    	color:#FF6899;
    	position:relative;
    	left:50px;
    	}
    
    #content-questions p.questions-meta a {
    	font:Georgia, "Times New Roman", Times, serif;
    	color:#FF6899;
    	left:0;
    	}
    Code (markup):
    <ul id="content-questions">
    				<li class="red"> <a href="#">Question Title Over Here Look at MEEE!!!!</a>
    					<p class="questions-meta">7 answers | posted by <a href="#">linda</a> on Dec 27 1:49 pm | Category: <a href="#">Business</a></p>
    				</li>
    				<li class="blonde"> <a href="#">Question Title Over Here Look at MEEE!!!!</a>
    					<p class="questions-meta">7 answers | posted by <a href="#">linda</a> on Dec 27 1:49 pm | Category: <a href="#">Business</a></p>
    				</li>
    				<li class="red"> <a href="#">Question Title Over Here Look at MEEE!!!!</a>
    					<p class="questions-meta">7 answers | posted by <a href="#">linda</a> on Dec 27 1:49 pm | Category: <a href="#">Business</a></p>
    				</li>
    				<li class="blonde"> <a href="#">Question Title Over Here Look at MEEE!!!!</a>
    					<p class="questions-meta">7 answers | posted by <a href="#">linda</a> on Dec 27 1:49 pm | Category: <a href="#">Business</a></p></li></ul>
    HTML:
    Thanks,
    Hades
     
    Hades, May 9, 2008 IP
    lightless likes this.
  2. Stomme poes

    Stomme poes Peon

    Messages:
    3,195
    Likes Received:
    136
    Best Answers:
    0
    Trophy Points:
    0
    #2
    As a side-note, I'd use spans instead of the p...

    But, I think it's got to do with everyone being positioned relatively. Maybe keep it on the ul, but use margins instead of coords to position it where you want (remember, positioning something relatively and then moving it only moves it VISUALLY but not actually. So when there's children inside, things might easily be confusing our special friend).

    So try that, and then try removing pos rel from li's and a's. They'd only need it if they have abso-po'd children inside anyway. Move them with margins as you've made them all blocks.
     
    Stomme poes, May 13, 2008 IP