footer (problemas)

hola chicos, ya me pasé por un montón de foros por el famoso problema de footer.
lo que deseo es que me quede abajo de la ventana del navegador y se vaya corriendo mientras agrego contenido en diferentes divs (cuya posición absoluta). lo logré para chrome, firefox (aceptable) y en mozilla se ve un poco más arriba invadiendo el contenido que ya tengo. lo que me sucede es que al renderizarlo lo veo bien, pero en la vista de diseño me aparece arriba de todo y tapado por el contenido de otros divs, impidiendo su edición ..... les paso el código y capturas agradeciendo su ayuda.

Código CSS :

#footer {
   background-color:rgba(51,51,51,0.3);
   display: block;
   clear: both;
   float: none;
   height: 150px;
   width: 840px;
   margin-left: -420px;
   position: fixed;
   visibility: visible;
   left: 50%;
   bottom: 0%;
}

Código HTML :

<div class="pie" id="footer">Colocar aquí el contenido para  class "pie" id "footer"</div>

(no se como poner capturas

¿Vista de diseño?, ¿qué es eso?...

Me parece que lo que quieres hacer se llama "sticky footer".

en el dreamweaver se ve mal y cuando lo publico sale bien. lo malo es que no me deja trabajar en el div porque no lo veo bien. y no me aparece este div en la vista de Elementos donde muestra el resto de los divs con sus respectizos z-index. lo de "sticky footer". ya lo vi pero no lo entiendo, no puedo aplicar algo que no entiendo antes (copiar y pegar). gracias por tu respuesta DriverOp.

Si no pones el código completo no podemos ver dónde falla...

¿A qué te refieres cuando hablas de renderizar el contenido?

Mejor que no uses la ventana de diseño de Dreamweaver, no te puedes fiar de lo que se verá luego en los navegadores.

renderizar le digo cuando (F12) veo la publicación en el navegador, como en 3d studio se dice renderizar utilizo ese término. aquí va el codigo:

Código HTML :

<div class="footer" id="footer">Colocar aquí el contenido para  class "footer" id "footer"</div>

la gente no ve tu sitio desde Dreamweaver lo ve desde el navegador , si se ve bien en los navegadores no hay problema .

gracias Gamernoob, lo que sucede es que no encuentro el div que acabo de crear y no aparece en la lista de divs que muestran el Z index. es como si no existiera

Y para que necesitas que este en esa lista ? Si esta en el código existe y si lo quieres modificar modifica el código

no entiendo muy bien y recién comienzo con css. antes lo hacía con tablas y así quedaba...
por eso posetée el codigo arriba y no entendí el "sticky footer". por lo tanto no lo utilizo

Pero por las barbas de Gandalf, deja de usar el Dreamweaver y escribe el código tú mismo.

ojala supiera manejarlo como photoshop, pero bue... seguiré investigando

¿Manejar qué?.