Footer problem

Imam odradjen npr neki footer. I kada pokusam ubaciti sliku da mi bude unutar footera, footer mi pomjeri ka gore a slika bude ispod njega.

<html>

<body>



<style>

#footer_r{

width:100%;

height:65px;

background:#414347;

border-top:2px solid #ED534E;

margin-top:400px;

}

#cr_sranja{

text-align:center;

padding:25px;



</style>



<div id="footer_r">

<div style="width:964px;;margin-left:auto;margin-right:auto;">

<div id="cr_sranja"> <font color="#ED534E" style="font-size:12px; font-family:Arial, sens-serif;"> Copyright ® 2013 / 2014  </font></div>

</div>

</div>

</body>

</html>

Pa slika ti je vjerovatno prevelika , pa udesi html .. ako sam dobro skonto, imas li kaakv link ?

slika je 110x32 manja od footera znaci i kada stavim bilo koju sliku bude ispod footera nekih 100px

prvo floataj drugo ko jos koristi ID za oznacavanje elemenata sa css-oma posebno footerom.Uglavnom moras ti to floatat da ti se fino uklopi.

ubacio si cr_sranja u footer jos jedan div u footer prije cr sranja a on sam zauzima skoro svu sirinu footera a cr sranja visinu od 50px (2x25px padding)
onda imas jos 15px slobodno visine
a slika ti 32px visine?
pokusaj sa background-image unutar footera
i sa background position ga pokusaj smjestit gdje zelis
a danas ti je <footer> aktuelan a unutar njega <section> ako radis na html5.