Проблемы с позиционированием текста в direction=rtl

Не нашел где здесь можно прикрепить файл, поэтому привожу код ниже.
Соответственно не могу привести и скриншоты.
Вопрос такой. С помощью CSS отображаем дерево. В ltr режиме все нормально. Поставлена задача изменить стили, чтобы все работало и в rtl режиме. Код ниже решает эту задачу в IE (правда там есть свой глюк - искажение иконки, если кто-то подскажет как его победить тоже буду рад). В Mozilla текст позиционируется не так как ожидалось: вместо того, чтобы уйти от правой границы блока (блок о котором я говорю выделен красной границей) влево в скроллируемую область, текст выравнивается по левой границе блока с прокруткой и размещается вправо перекрывая иконку. Заметил, что если задать стиль float: right внутренним блокам, то текст размещается как ожидается, но пропадает нижняя полоса прокрутки (плюс появляются другие проблемы из-за которых далее в этом направлении двигаться не стал).
Нужно чтобы текст размещался также, как если открыть приведенный ниже код в IE.
Как можно решить проблему средствами CSS?

Выделить код

Код:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<style>
HTML {
	direction: rtl;
}

table {
	font-size: 11px;	
}
 

.tree {
	width: 200px;
	height: 100%;
	overflow: auto;
	
	-moz-user-select: none;
	-khtml-user-select: none;
	user-select: none;
}

.tree DIV,
.tree DIV DIV {
	margin: 2px 0px 2px 0px;
}

.tree DIV {
	margin: 5px;
	padding: 0px;
}

.tree DIV SPAN {
	display: block;
	margin: 2px 0px 2px 0px;
	padding: 0px 35px 0px 0px;
	background-position: top right;
	background-repeat: no-repeat;
	background-image: url(folder.gif);

}

.tree DIV SPAN SPAN {
	margin-right: -20px;
}

.tree DIV SPAN P {
	color: navy;
	white-space: nowrap;
	padding: 0px 5px 1px 5px;
	margin: 0px;
	font-weight: normal;
border: solid 1px red;
}

</style>
</head>
<body>
<form id="f" method="post" action="content.jsf" enctype="application/x-www-form-urlencoded">
<div style="height: 489px;" class="tree" tabindex="0">
	<div>
		<span>
			<p>Repository Connections</p>
			<div>
				<span>
					<p>Bankdemo</p>
				</span>
				<span>
					<p>Connection to tnl</p>
				</span>
				<span>
					<p>boa</p>
				</span>
				<span>
					<p>Dog</p>
				</span>
			</div>
		</span>
		<span>
			<p>JDBC Libraries</p>
			<div>
				<span>
					<p>Sun JDBC-ODBC Driver</p>
				</span>
				<span>
					<p>DB2 JDBC Driver</p>
				</span>
				<span>
					<p>firebird</p>
				</span>
				<span>
					<p>Oracle Driver</p>
				</span>
			</div>
		</span>
		<span>
			<p>Repositories</p>
			<div>
				<span>
					<p>jdbc:db2://dog:50000/english</p>
					<div>
						<span>
							<p>English</p>
						</span>
						<span>
							<p>New Repository</p>
						</span>
						<span>
							<p>Secured</p>
						</span>
						<span>
							<p>tnl</p>
						</span>
					</div>
				</span>
				<span>
					<p>jdbc:db2://vilves.rocketsoftware.com:50000/bankdemo</p>
					<div>
						<span>
							<p>DebbyInternalSecurity</p>
						</span>
						<span>
							<p>Debbytest</p>
						</span>
						<span>
							<p>New Repository</p>
						</span>
						<span>
							<p>bankdemo</p>
						</span>
					</div>
				</span>
				<span>
					<p>jdbc:oracle:thin:@data:1521:ORACLE</p>
				</span>
			</div>
		</span>
		<span>
			<p>Log Settings</p>
		</span>
	</div>
</form>
</body>
</html>