Javascript-форум - Зависимость css от html

Всем привет! Нужно чтобы ширина <li> зависела от значения этого же <li>. Получилось только так:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="ru">
<head>
<title></title>
<meta http-equiv="content-type" content="text/html;charset=windows-1251">
</head>
<body>
<ul>
<li style="background-color:#00FFCC">900</li>
<li style="background-color:#00FFCC">1000</li>
</ul>
<script>
document.getElementsByTagName('li')[0].style.width = parseInt(document.getElementsByTagName('li')[0].firstChild.data)-100+'px'; document.getElementsByTagName('li')[1].style.width = parseInt(document.getElementsByTagName('li')[1].firstChild.data)-100+'px'"
</script>
</body>
</html>

Все методы в дом перепробовал. При большом списке не рационально) Думаю есть способ по проще...