Pido una pequeña ayuda ya que estoy desesperado.
Lo he intentado con padding, margin y no me ha salido nada.

Tengo otra pequeña duda, me gustaria que me respondierais a las dos ya que no consigo dar con la manera de que funcione.
Tengo otro CSS, que es la barra donde pongo el navegador y la fecha:

.barra_gris {
height: 30px;
line-height: 30px;
background-image: url(images/barra_gris.png);
}
Luego tengo los 2 botones:

.boton1 {
padding-top: 2;
width:59px;
height:25px;
    float:left;
background-image: url(images/home.png);
}

.boton2 {
width:59px;
height:25px;
    float:left;
background-image: url(images/home.png);
}
El problema es que cuando pongo los botones en la barra salen arriba del todo y no se como hacer que salgan en el medio. Y también que se separen entre ellos, he intentado el padding, pero usando el padding lo que hace es repetirse la imagen mientras se aleja.

a las listas me refiero:

<ul>
<li>Menu1</li>
<li>Menu2</li>
</ul>

¿Listas?

Una cosa, he puesto los codigos que tu me has dicho:



Esto es lo que pasa, si le quito logotipo llega hasta arriba la web, si se lo pongo se aleja de arriba todo lo que ponga de px que este el logotipo.

No entiendo a que te refieres :S