1 reply [Last post]
DMC
Offline
newbie
Mass
Last seen: 5 years 46 weeks ago
Mass
Joined: 2008-09-04
Posts: 4
Points: 0

In ie6 & 7 nested unordered list bullets render the same as the parent bullets... why???

You can see this live at www.businessmetricsinc.com/index7.html

#productBlurb {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12.5px;
	color: #495837;
	display: block;
	position: relative;
	width: 240px;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 26px;
	float: left;
	clear: right;
}
 
#productBlurb li {
	list-style-image: url(/bmi/images/green_arrow_right.gif);
	font-weight: bold;
	margin-bottom: 6px;
}
#productBlurb li.nobullet {
	list-style:none;
	font-weight:normal;
	color: #666666;
}
 
<ul id="productBlurb">
        <li>Parent Item 1
          <ul >
            <li class="nobullet">Info about Parent Item 1</li>
          </ul>
        </li>
 
	<li>Parent Item 2
          <ul>
            <li class="nobullet">Info about Parent Item 2</li>
          </ul>
        </li>
      </ul>

DMC
Offline
newbie
Mass
Last seen: 5 years 46 weeks ago
Mass
Joined: 2008-09-04
Posts: 4
Points: 0

Well figured it out... talk

Well figured it out... talk about a hack work around...

#productBlurb {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12.5px;
	color: #495837;
	width: 240px;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 0px;
	float: left;
	clear: right;
	display: block;
	padding-left: 16px;
}
#productBlurb li {
	background-image: url(/bmi/images/green_arrow_right.gif);
	background-repeat: no-repeat;
	font-weight: bold;
	padding-left: 14px;
	margin-bottom: 6px;
	overflow:hidden;
}
#productBlurb li ul li {
	font-weight: normal;
	list-style:none;
	margin-left:-26px;
	color:#333333
 
}
 
 
<ul id="productBlurb">
        <li>Parent Item 1
          <ul >
            <li class="nobullet">Info about Parent Item 1</li>
          </ul>
        </li>
 
	<li>Parent Item 2
          <ul>
            <li class="nobullet">Info about Parent Item 2</li>
          </ul>
        </li>
      </ul>

Hope this helps others....