CSS question

[Adkins, Randy]

Can someone explain to me why using the following will display the way I
want, however using the second 
one using the css properties, will only show a very small dot?
 
First: (Desired Look)
<div><font color="#808080" face="Symbol"
STYLE="padding-right:10px;"><B>&#183;</B></font><font color="#808080">3
pages</font></div>
 
Second: (NOT the Desired Look)
<div><span class="dpSym">&#183;</span><span class="dpText">3
pages</span></div>
 
CSS Properties are identified as:
..dpSym {  padding-right:10px;  font-family: 'Symbol'; color: #808080;  }
..dpText {  font-size: 13px; font-family: 'Arial'; font-style: normal;
font-weight: normal; text-decoration: none; #808080;   }
 
 


~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~|
Purchase Contribute 3 from House of Fusion, a Macromedia Authorized Affiliate 
and support the CF community.
http://www.houseoffusion.com/banners/view.cfm?bannerid=53

Message: http://www.houseoffusion.com/lists.cfm/link=i:5:174951
Archives: http://www.houseoffusion.com/cf_lists/threads.cfm/5
Subscription: http://www.houseoffusion.com/lists.cfm/link=s:5
Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=89.70.5
Donations & Support: http://www.houseoffusion.com/tiny.cfm/54