Ernesto muchas gracias por tu ayuda y el tiempo dedicado en cada punto.
Tengo algunas dudas respecto a estos puntos:
2- En realidad lo que quería ejemplificar era un div con un borde y padding. Suponiendo que el div (que contiene adentro los dos floats) mide 200px y se necesite que tenga un padding de 20px, sería correcto usar dos divs en el maquetado? Quedaría así:
Código CSS:
Ver original.contenedor{
width:200px;
background:#fff;
margin:20px;
}
(el contenedor general que mide 200px exacto, con fondo, y margen de 20px a los costados)
.contenedor-b{
padding:20px;
border:solid 1px red;
}
(asignarle al conteneedor de arriba el borde y padding aparte para que no lo sume en los 200px)
Cita:
Iniciado por webosiris 
ancho total = margin izq + border izq + padding izq + width + padding der + border der + margin der
Esto rige para todos los navegadores por igual?
4- Esta clarísimo este punto! No me decido entre agregar el div vacío con estilo "clear:both" o la
versión actualizada. Probé los dos en varios navegadores y funcionan de igual manera. Vos cual preferís?