List problem in firefox (CSS)

[ringo747]

Hi guys,

I am using the following code to display a list within a div in firefox. The problem is that the list bullets appear outside the div border but the text itself is positioned within the border. Any ideas on how to fix it?

li.nav_links {
	list-style-type:disc;
	color:#FF6600;
	text-indent:10%;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
}

 

[ringo747]

I thought the text-indent would do the same thing - it moves the text inwards but not the little bullets. It is only a problem in Firefox, all other browsers are OK. Its only for a uni project anyhow so not too critical.