2 problemas centrar div y flotante descuadrado

tengo 2 problemas que no puedo solucionar , eh buscado soluciones pero no lo logro lo primeo es que tengo por el momento 3 divs un div general en el que inclui otros 2 , la cosa es que no puedo lograr centrar el div general con <center> se descuajeringa todo con <div aling="center"> no me funciona , poniendo en el css {aling:center} u otras sintaxis parecidas tampoco me funciono .

El segundo problema es que los 2 divs contenidos en dicho div general contienen imagenes , ahora uno de estos pose una imagen con transparencia , le eh definido el color de fondo como transparent y eh colocado la imagen todo como corresponde , lo que no puedo lograr es que el div flotante se coloque encima del otro no flotante.

siento no poder dejar el archivo pero les dejo el codigo.

<html>
 <head>
  <title>Anime Index</title>
  <LINK rel="stylesheet" href="estilo01.css" type="text/css" media="all">
 </head>
 <body>
  <div style="display:table" id="global">
   <div id="cabecera">
     

[img]imagnes\anime-index-logo.png[/img]</img></p>
    <div id="index" style="float:right">
     

[img]imagnes\head.png[/img]</img></p>
    </div>
   </div>
  </div>
 </body>
</html>

y la oja de estilo

BODY {BACKGROUND-COLOR:#9ffffe ; MARGIN: 0px 0px 0px 0px;text-align: center;}

#global {BACKGROUND-COLOR:#FFFFFF ;BORDER: #000 0px solid ;MARGIN: 0px 0px 0px 0px ;PADDING: 0px 0px 0px 0px 

;Width:50%;Height:100%;TEXT-ALIGN:left;}

#cabecera {BACKGROUND-COLOR:#989898 ;BORDER: #000 0px solid ;MARGIN: 0px 0px 0px 0px ;PADDING: 0px 0px 0px 0px 

;Width:100%;Height:25%;TEXT-ALIGN:left}

#index {background-color: transparent ;BORDER: #000 0px solid ;MARGIN: 0px 0px 0px 0px ;PADDING: 0px 0px 0px 

0px ;TEXT-ALIGN:left;}

el div logo es el no flotante que tiene un logo , luego index es el que va encima y tiene una imagen con transparencias

por favor >.< hoy empece con divs y css