Espaçamentos e texto

Olá pessoal,

estou começando a estudar CSS, mais precisamente o desenvolvimento

de sites sem tabelas. Comprei um livro e ando pesquisando bastante na

internet, mas nada como aprender praticando, certo?

Bom, estou desenvolvendo meu primeiro site e, como não poderia ser diferente,

tenho algumas dúvidas:

A primeira é em relação aos "espaçamentos" e a diferença de um browser para

o outro (ie vs ff). Sei que problemas assim é comum, mas no meu caso, a diferença

está muito grande. Reparem, no link abaixo, os espaçamentos nas laterais, no

FF está perfeito, já no IE... Bom, gostaria de saber o que está errado em meu código

ou o que eu poderia fazer para solucionar isso.

http://www.situase.com.br/Teste

Minha segunda dúvida é em relação a apresentação dos textos, no livro que comprei,

da série "Use a cabeça", os autores dizem para utilizarmos os textos, ou como

títulos (h1, h2, h3, etc) ou como parágrafos (p). Como eu desenvolvia sempre

com a utilização de tabelas, nem sempre utilizava as TAGS <h> ou <p>, muitas vezes

atribuia no "estilo" da célula as propriedades das fontes (font-face, font-size, etc).

Minha dúvida é a seguinte: Sempre devo apresentar os textos, ou como títulos

ou como páragrafos, ou posso "estilizar" as divs para uma apresentação correta

dos textos?

Bom pessoal, agradeço muito qualquer ajuda... Se encontrarem (com certeza irão),

mais algum problema em meus códigos, podem postar, pois quando se está iniciando

qualquer ajuda é bem vinda.

Grande abraço, e muito obrigado!!

Abaixo meu CSS:

* { margin:0px; padding:0px; border:0px; list-style:none; }
body { font-family:Arial, Helvetica, sans-serif; background-color: #E6EEDF; line-height: 1; font-size: 100%; }
body, h1, h2, h3, h4, h5, h6, p, form, ol, ul, li { margin:0px; padding:0px; border:0px; list-style:none; }

#geral { width:990px; margin:0px auto; }

/ ESTILOS GERAIS LINKS /
a:link { text-decoration:none; }
a:visited { text-decoration:none; }
a:hover { text-decoration:underline; }
a:active { text-decoration:underline; }
/ ESTILOS GERAIS LINKS /

/ TOPO /
#topo { width:990px; height:140px; }

#topo .menu_topo { width:990px; height:21px; float:left; }
#topo .topo_geral { width:990px; height:120px; background-color:#6CA705; margin-bottom:21px; float:left; }
#topo .topo_logo { width:192px; height:120px; margin-left:20px; float:left; }
#topo .super_banner { width:728px; height:90px; background-color:#009900; margin-top:15px; margin-right:7px; float:right; }
/ FIM TOPO /

/ MENU /
#menu { width:183px; height:800px; background-color:#003300; margin-left:19px; float:left; }

/ CONTEUDO /
#conteudo { width:582px; margin:23px 0px 0px 219px; }

#conteudo h1 { font-size:20px; color: #6CA705; }
#conteudo h2 { font-size:17px; color: #000000; }
#conteudo h3 { font-size:20px; color: #FF871A; }
#conteudo h4 { font-size:20px; color: #CC0000; }

/ BUSCA /
#conteudo .caixa_busca { width:582px; margin-bottom:17px; }
#conteudo .topo_busca { width:582px; padding-bottom:3px; }
#conteudo .espaco_busca { width:548px; height:40px; background-color:#FFFFFF; padding:17px; }
#conteudo .box1 { width:298px; float:left; }
#conteudo .box2 { width:250px; float:left; }
#conteudo .legenda { font-size:10px; color: #999999; }
#conteudo .box_estabelecimento { width:235px; height:20px; background-color:#E6E6E6; border: #CCCCCC 1px solid; }
#conteudo .box_categoria { width:150px; height:20px; background-color:#E6E6E6; border: #CCCCCC 1px solid; }
/ BUSCA /

/ NOTÍCIAS /
#conteudo .caixa_noticias { width:582px; }
#conteudo .topo_noticias { width:582px; padding-bottom:3px; }
#conteudo .noticia_geral { width:582px; background-color:#FFFFFF; margin-bottom:17px; float:left; }
#conteudo .noticia_lado_esquerdo { width:282px; float:left; }
#conteudo .noticia_destaque { width:270px; padding:12px 0px 0px 12px; float:left; }
#conteudo .noticia_titulo_destaque { width:272px; padding:3px 5px 12px 5px; float:left; }
#conteudo .noticias_secundarias { width:271px; padding:12px 12px 12px 17px; float:right; }

#conteudo .noticias_links { font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #666666; }
/ NOTÍCIAS /

/ OUTRAS NOTÍCIAS /
#conteudo .noticias_outras { width:582px; height:165px; margin-bottom:17px; float:left; }
#conteudo .noticias_outras1 { width:182px; height:165px; background-color:#FFFFFF; border-top:#6CA705 3px solid; float:left; }
#conteudo .noticias_outras2 { width:182px; height:165px; background-color:#FFFFFF; border-top:#6CA705 3px solid; margin-left:17px; float:left; }
#conteudo .noticias_outras3 { width:182px; height:165px; background-color:#FFFFFF; border-top:#6CA705 3px solid; margin-left:17px; float:left; }

#conteudo .noticias_outras_imagem { width:182px; height:100px; }
#conteudo .noticias_outras_titulo { width:158px; padding:10px 12px 12px 12px; }
/ OUTRAS NOTÍCIAS /

/ EVENTOS /
#conteudo .caixa_eventos { width:558px; background-color: #FF871A; margin-bottom:17px; padding:12px; float:left; }
#conteudo .topo_eventos { width:558px; padding-bottom:3px; }
#conteudo .eventos_foto { width:128px; height:85px; }
#conteudo .eventos_foto_titulo { width:128px; padding:10px 0px 10px 0px; }

#conteudo .eventos_links { font-size:12px; color:#FFFFFF; }

#conteudo .eventos1 { width:128px; float:left; }
#conteudo .eventos2 { width:128px; margin:0px 15px 0px 15px; float:left; }
#conteudo .eventos3 { width:128px; float:left; }
#conteudo .eventos4 { width:128px; margin-left:15px; float:left; }

#conteudo .eventos_rodape { width:558px; height:60px; padding-top:20px; clear:both; }
#conteudo .eventos_rodape_direito { width:190px; margin-left:12px; float:left; }
#conteudo .eventos_rodape_esquerdo { width:110px; margin-right:12px; float:right; }
/ EVENTOS /

/ EMPREGOS E PUBLICIDADE /
#conteudo .caixa_empregos_publicidade { width:582px; margin-bottom:17px; float:left; }
#conteudo .empregos { width:282px; float:left;}
#conteudo .topo_empregos { width:282px; padding-bottom:3px; }
#conteudo .empregos_vagas { width:258px; background-color:#FFFFFF; border-top:#CC0000 3px solid; padding:12px; }
.titulo_vaga { font-size:15px; color:#000000; }
.descricao_vaga { font-size:12px; color:#666666; }
#conteudo .empregos_Capital_Humano { width:282px; height:75px; background-color:#CC0000; }

#conteudo .publicidade { width:282px; float:right; }
#conteudo .topo_publicidade { width:282px; padding:8px 0px 6px 0px; font-size:10px; color:#666666; }
#conteudo .publicidade_google_capa { width:258px; height:200px; background-color:#FFFFFF; padding:12px; }
#conteudo .newsletter { width:282px; margin-top:17px; float:right; }
#conteudo .topo_newsletter { width:282px; padding-bottom:3px; }
#conteudo .newsletter_espaco { width:258px; background-color:#6CA705; padding:12px; }

/ FIM CONTEUDO /

/ LATERAL /
#lateral { width:165px; height:800px; background-color:#006600; margin-right:7px; float:right; }

#rodape { width:990px; height:150px; background-color:#003366; margin-top:17px; clear:both;}