Web Semântica x CSS

Boa Tarde a todos,

Gostaria de saber o seguinte.

O desenvolvimento de sites que seguem os padrões web tem por princípio a utilização das tags corretas para marcação do conteúdo, <table> para dados tabulares, <h's> para títulos, <ul> para listas e etc...

Porém, buscando na internet por uma solução para um layout 100% fluido encontrei este site (http://csscreator.com/?q=node/20471).

Neste site a solução apresentada utiliza-se de propriedades do css como "display: table" e uma marcação que considero <div> mania pela utilização de <div's> em excesso como <div id="fullheightcontainer"> <div id="wrapper"> <div id="outer" class="floatcontainer"> <div id="float-wrap" class="floatcontainer"> <div id="center">.

Aí vêm as dúvidas.

Exibir o conteúdo com tabela utilizando a propriedade "display: table" mesmo quando não se está exibindo uma tabela é o ideal?

Aumentar a quantidade de marcações para se alcançar o efeito desejado é recomendado?

E uma dúvida que não tem haver com o falado mas que sempre me passo pela cabeça é: O design deve ser feito levando em consideração a alteração do tamanho da fonte pelo usuário(Exibir > Tamanho da fonte)?

É isso.

Abraço!