Nested li IE7 bullet display issues

DMC
avatar
rank newbie

newbie


Posts: 4
Joined: 2008-09-04
Location: Mass

Posted: Mon, 2008-09-08 15:04

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
DMC's picture
rank newbie

newbie


Posts: 4
Joined: 2008-09-04
Location: Mass

Well figured it out... talk

Posted: Mon, 2008-09-08 15:40

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....