Estoy haciendo un mayor esfuerzo para separar mi estructura html de la presentación, pero a veces cuando veo la complejidad de los hacks o soluciones para hacer que las cosas funcionen entre navegadores, me sorprende la enorme pérdida colectiva de horas productivas que son poner en esto.

Según tengo entendido, los flotadores nunca se crearon para crear diseños, pero debido a que muchos diseños necesitan un pie de página, así es como se usan a menudo. Para borrar los flotadores, puede agregar un div vacío que borre ambos lados (div class = "clear"). Eso es simple y funciona en varios navegadores, pero agrega html "no semántico" en lugar de resolver el problema de presentación dentro del CSS.

Me doy cuenta de esto, pero después de ver todas las soluciones con sus beneficios y desventajas, parece tener más sentido ir con el div vacío (comportamiento predecible en los navegadores), en lugar de crear hojas de estilo separadas, incluidos varios hacks CSS y soluciones alternativas, etc., que también debería cambiar a medida que evoluciona CSS.

Está bien. hacer esto siempre y cuando entiendas lo que estás haciendo y por qué lo estás haciendo? ¿O es mejor encontrar las soluciones de CSS, los hacks y la estructura separada de la presentación a toda costa, incluso cuando las herramientas de presentación de CSS proporcionadas no evolucionan hasta el punto en que puedan manejar problemas de diseño tan básicos?