[html/css] problem z obrazem w divach Opcje

[skali]

witam. mam problem taki ze zrobilem div i ustalilem na nim border 1px. w lewym gornym rogu i w prawym dolnym chcialbym umiescic takie 2 male obrazki zeby urozmaicic div bo taki prostokat prosty troszke mi sie nie podoba. a mianowicie chce wrzucic TEN i TEN img w diva zeby wygladalo TAK. ale jak wrzucam to nie nachodzi na border tylko zaraz obok ;/ help (IMG:http://forum.php.pl/style_emoticons/default/biggrin.gif)

[Darti]

Kod

<style type="text/css">
#ramka {
width: 100px;
border: 1px solid black;
padding: 5px;
}

#lg {
float: left;
background-image: url(lgr.PNG);
width: 15px;
height: 15px;
margin-top: -6px;
margin-left: -6px;
}

#pd {
position: relative;
background-image: url(pdr.PNG);
width: 15px;
height: 15px;
bottom: 9px;
right: -6px;
float: right;
}
</style>

<div id="ramka">
<div id="lg"></div>
a as a a a aa a a a a a a a a a
<div id="pd"></div>
</div>