[Alex_SD]

Ovo radi u Firefoxu (nisam probao u Exploreru, probaj pa nam javi)

<div id="main">
        
            <div id="header_shape">
                <div id="header">
                    <h1>Saša Buklijaš</h1>
                </div> 
            </div> 
            <div id="content_shape">
	            <div id="cro">
                <a href="http://www.linkedin.com/pub/2/51A/394">Moj profil na LinkedIn</a>.<br>
                <a href="http://mzsl.wordpress.com/">Blog o životu sa linux-om.</a><br>
                <a href="http://buklijas.info/cv/Sasa_Buklijas_CRO.pdf">Životopis.</a>(285KB, pdf)<br>
  	          </div>
            
    	        <div id="eng">
                <a href="http://www.linkedin.com/pub/2/51A/394">My profile on LinkedIn</a>.<br>
                <a href="http://mzsl.wordpress.com/">Blog abouth life with linux. It is on Croatina.</a><br>
                <a href="http://buklijas.info/cv/Sasa_Buklijas_ENG.pdf">CV.</a>(285KB, pdf)<br>
      	      </div>
						</div>
        </div>

Videces da sam dodao div #content_shape koji obmotava #cro i #eng.

A evo i izmena u CSS-u:

#header_shape
{
    background-color: red;
    padding: 1em;
    margin: 0;
}
#header
{
    background-color: orange;
    text-align: center;
		padding: 1em;
}
#content_shape {
	padding: 1em;
}
#cro, #eng
{
    padding: 1em; /*koliko je sadržaj udaljen od ruba elementa*/
    background-color:  yellow;
}
#eng
{
    margin-top: 1em;
}