No replies
foochuck
Offline
Enthusiast
Fort Myers, FL
Last seen: 5 years 25 weeks ago
Fort Myers, FL
Timezone: GMT-5
Joined: 2003-10-15
Posts: 54
Points: 0

I'm trying to get my unordered list to line up with my regular paragraph


#celebbio p {
	line-height: 1.4em;
	font-size: 14px;
	margin: 0px;
	padding: 0px;
}

#celebbio ul, #celebbio li {
	font-size: 14px;
	line-height: 1.4em;
	margin: 0px 0px 0px 5px;
	padding: 0px 0px 0px 5px;
}

<div id="celebbio">

<p>Here's my paragraph.</p>

<ul>
<li>Here's some filler for ya</li>
<li>Here's some filler for ya</li>
<li>Here's some filler for ya</li>
<li>Here's some filler for ya</li>
<li>Here's some filler for ya</li>
<li>Here's some filler for ya</li>
</ul>
</div>

The code above gets the unordered list to line up with my paragraph, however in Internet Explorer the bullets for the list start to look distorted. Is there another way to get the list to line up with my paragraph without distorting the bullets?