CSS - problemas con position:fixed

.bloque {position: fixed; top: 0px; left: 0px; padding: 10px; margin: 5px;

    background-color:#ffffff;

    border: 1px solid #000000; width: 20%;}

<style type="text/css">

.bloque {position: fixed; top: 0px; left: 0px; padding: 10px; margin: 5px;

    background-color:#ffffff;

    border: 1px solid #000000; width: 20%;}

p {margin-left:30%; background-color: blue}

</style>

<div class="bloque">

Este texto debe de estar encerrado dentro del bloque que quedara fijo.

</div>

<p>

<style type="text/css">

* {margin:0; padding:0;

}

html, body {width:100%;

height:100%;

overflow:auto;

}

#fijo {

position:absolute;

width:160px;

height:400px;

border:1px solid #000;

background:#cff;

left:0%;

top:280px;

margin-left:0px;

}

</style>

img.primer{

	position: absolute;

	left: 0px;

}

img.deral{

	position: relative;

	top: 100px;

	float: right;

}

img.fija{

	position: fixed;

	bottom: 0;

	right: 0;

}

div{

	position: relative;

}

<div>

    <img class="praza" src="imaxes/prazamayor.jpg" width="134" height="90"

        alt="Praza maior de Lugo" id="praza"/>

    <img class="primer" src="imaxes/murallapaseonoite.jpg" width="130" height="98"

        alt="Muralla de Lugo" id="muralla"/>

    <img class="deral"src="imaxes/praiacatedrais.jpg" width="79" height="126"

        alt="Praia das Catedrais de Lugo" id="catedrais"/>

    <img class="fija" src="imaxes/cebreiro.jpg" width="134" height="86"

        alt="O Cebreiro de Lugo" id="cebreiro"/>

    <p class="1">La Plaza Mayor es el centro de la vida de la ciudad de Lugo. Se encuentra en el espacio medieval donde se celebraba el mercado durante el siglo XVI; posteriormente se construyeron nuevas edificaciones y se amplió la plaza. </p>

    <p>La muralla romana de Lugo rodea el casco histórico de la ciudad gallega de Lugo en la provincia del mismo nombre en España. La antigua ciudad romana de Lucus Augusti, fundada por Paulo Fabio Máximo en nombre del emperador Augusto en el año 13 a. C. con la finalidad de anexionar, definitivamente, el noroeste de la península Ibérica al Imperio romano fue dotada en el Bajo Imperio de un muro de defensa que ha perdurado, con escasas reformas, hasta la actualidad.</p>

    <p>La muralla, con una longitud de 2266 metros, coronada por 85 poderosas torres, delimita el casco histórico de la urbe gallega y ha pasado de ser un obstáculo para su evolución y crecimiento a ser un monumento integrado en la estructura urbana y fuente de riqueza turística.</p>

    <p>En la zona existen un sin fin de playas de arena blanca y fina y de oleaje usualmente moderado, que merecen ser visitadas, entre las que destaca por encima de todas la Playa de Augas Santas, popularmente conocida como la Playa de las Catedrales, nombre que toma por la similitud que tienen sus formaciones rocosas con los arbotantes de las catedrales góticas.</p>

    <p>Junto con otras playas de la zona como, por ejemplo, Esteiro, Os Castros o Illas, conforman la zona de las Catedrales, catalogada como Lugar de Interés Comunitario (L.I.C.) en la Red Natura 2000, por su riqueza animal y vegetal.</p>

    <p>O Cebreiro es una parroquia del municipio de Piedrafita del Cebrero, en la provincia de Lugo en Galicia. Pertenece a la comarca de Los Ancares Lucenses. En ella se sitúa la aldea de idéntico nombre, a 1330 msnm de altitud, y que es el primer pueblo gallego del Camino de Santiago Francés. En su arquitectura destacan las pallozas y la iglesia de Santa María (prerrománica, del siglo IX), que custodia un cáliz románico, datado en el siglo XII).</p>

</div>