Max Willian Ourique

Olá... Não sei como resolver este problema, preciso de ajuda.

.container {
background-image:url(img/background_container.jpg);
width:960px; height:700px;
margin:auto;
border:solid medium #FF0000;
}

.container_video {
width:521px; height:545px;
background-image:url(img/background_video.jpg);
margin:50px auto;
border:solid medium #FF0000;
}

.video {
margin:auto;
border:solid medium #FF0000;
}

Como ainda não domino os conceitos de CSS, gosto de criar a estrutura da página usando as bordas para me guiar. Tudo fica legal, o posicionamento ocorre de acordo com as margens e pelo fato de que coloco os blocos div em hierarquia. Mas quando removo as bordas, tudo se desconfigura.
Não sei que caminho tomar, inclusive, não sei se estou usando a técnica tableless corretamente. Por favor.