Liste ganz links, padding, margin??

[hawkmaster]

@Gunnar,

<div id="MainNavigation1">

<ul id="MainNavigation1">
    <li>
      ...
    </li>
  </ul>
</div>

  
so hatte ich es auch nicht, sondern die id nur im "<div id="MainNavigation1">" und nicht bei <ul>.  
Aber ich habe es nun ohne <div> gemacht, also so  
~~~html
  
<ul id="MainNavigation1">  
  <li>  
 <input name="image_job" type="image"  id="image_job"  title="<? echo $jbtk_36; ?>" src="../image/job.gif" />  
 <label for="image_job"><?php echo $jbtk_36; ?></label>  
  </li>  
  <li>  
 <input name="image_document" type="image"  src="../image/document.gif"  title="<? echo $jbtk_37; ?>"  />  
 <label for="image_document"><?php echo $jbtk_37; ?></label>  
  </li>  
  <li>  
 <input  name="image_project" type="image"  src="../image/partitialjob.gif"  title="<? echo $jbtk_38 ?>"  />  
 <label for="image_project"><?php echo $jbtk_38; ?></label>  
  </li>  
</ul>  

#MainNavigation1{
padding: 0;
margin: 0;
}
#MainNavigation1 input{
  margin: 10px;
  display:block;
}
#MainNavigation1 label{
padding: 5px;
}
#MainNavigation1 li{
 float:left;
 padding: 0;
 margin: 0;
 list-style: none;
}

Hast du es auch so gemeint?
Bei einer Sache weiss ich auch nicht weiter.
Wie könnte man es hinbekommen das die Beschriftung unten (also das was im Label steht) mittig zum Input oben hinbekommt?
Ein "<div align="center">" um jedes Input und Label ist ja auch keine gute Lösung.

Sorry wenn ich mich so ungeschickt anstelle aber ich experementiere erst seit gestern so richtig mit den ganzen CSS Eigenschaften.

vielen Dank und viele Grüße
hawk