Mousse - Tafa: Untermenüs <LI> Einzug verändern

Beitrag lesen

Hallo,

arbeite an einer Menüstruktur und kämpfe mit den Default-Settings...

Ich würde gerne mit einer Menüstruktur, die auch eine Untermenüstruktur aufweist, arbeiten. Leider setzen die Browser dafür einen Default-Einzug. Diesen Einzug würde ich gerne über PADDING selbst bestimmen. Nun könnte ich natürlich über MARGIN einen Minuswert angeben, müsste dafür aber den Default-Einzug wissen, der dann wahrscheinlich von Browser zu Browser variiert ... ==> ergo: nicht das Gelbe vom Ei.

Wie verhindere ich also diese Default Einzüge (die in meinem Fall bei den Punkten "1.1 Untertitel 1", "1.2 Untertitel 2", "1.3 Untertitel 3" leider automatisch entstehen?)

Danke,
Mousse Tafa

Hier der Code:

  
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"  
       "http://www.w3.org/TR/html4/loose.dtd">  
<html>  
<head>  
<title>Verzeichnisse und Men&uuml;s</title>  
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">  
  
<style type="text/css">  
<!--  
  
ul#container li {  
width: 210px;  
list-style-type: none;  
display: block;  
}  
  
ul#container li ul li {  
padding: 0 0 0 30px;  
  
/**************************************  
margin-left: ?; // gibt es eine professionelleren Weg als margin-left: -xy ?  
***************************************/  
  
}  
  
-->  
</style></head>  
<body>  
<h1>Verzeichnisse und Men&uuml;s</h1>  
  
<ul id="container">  
  <li>1. Titel  
            <ul>  
  			<li>1.1 Untertitel 1</li>  
  			<li>1.2 Untertitel 2</li>  
			<li>1.3 Untertitel 3</li>  
			</ul>  
  </li>  
  <li>2. Titel</li>  
  <li>3. Titel</li>  
</ul>  
  
  
</body>  
</html>