Boa noite pessoa. Sou novo por aqui, então qualquer asneira que eu falar por favor sintam-se à-vontade para reclamar. Bom, estou com um grave problema (acho que fácil de resolver). Tenho o seguinte HTML (5, minimizado) ```

``` É um código muito simples, contendo duas divs, cada uma com uma div dentro. o css que estou aplicando é o css do meyers: /* [http://meyerweb.com/eric/tools/css/reset/](http://meyerweb.com/eric/tools/css/reset/) v2.0 | 20110126 License: none (public domain) */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } E o código do css meu é o seguinte: html, body { ``` width: 100%; height: 100%; font-family: "Arial", sans-serif; color: #444; background: #EEEBEB; } ``` /*Qualified elements in layout*/ .menu_content, .content { ``` position: relative; } .bg_menu { height: 54px; background: #960E00 url('../img/bg_header.png') repeat-x; ``` }.menu_content { ``` margin: 0 auto; width: 1000px; } .bg_content { width: 100%; height: 100%; background: #EEEBEB url('../img/dotted.jpg') repeat-x; box-shadow: inset 4px 6px 30px #969696; } .content { width: 1000px; height: 700px; margin: 20px auto; border-radius: 4px; background-color: #FFF; box-shadow: 2px 2px 5px #A5A8AB; } ``` É um CSS bastante simples, mas se observarem ele tem dois problemas: 1º eu dei um margin de 20px na div que está dentro da div bg_content, e para minha surpresa, ela me deu um margin relativo a barra do menu em cima. 2º O height 100%, fez com que minha div ficasse com 100% do tamanho do body (isso eu já saquei), ou seja, fazendo aparecer a barra de rolagem um pouco. Gostaria de uma luz de o porque está dando esse problema e uma luz de como fazer com que a div não faça aparecer a barra de rolagem (apenas quando o conteudo da div content crescer claro). Agradeço desde já a ajuda e a paciência de todos, muito obrigado.

diegoalves

Problema com margin e height 100%