Div dentro de otro div

[juliosansossio]

Buenas, estoy creando un minimapa para un jueguito que estoy creando en el cual necesito enviarle la position x,y de la posicion actual.
Todo bien, creo la caja que contendra el mapa pero al momento de enviar la position actual del jugador se sale del minimapa.

Necesito colocarle algo como un tamano interno al div para poder mover la posicion sin que se salga.
Aca el codigo:

Código HTML:

#mapa
{
  padding:10px;
  position:absolute;
  bottom:0px;
  right:0px;
  width:300px;
  height:300px;
  background-color:rgba(0, 0, 0, 0.5);
}
#mapa .position
{
  position: absolute;
}

Código HTML:

<div id="mapa">
      <div class="position">
          Aqui deberia ir el mapa
      </div>
    </div> 

Al enviar las coordenadas a .position se sale de su cuadro padre. Alguna idea? gracias

[pzin]

Es de suponer que tendrías que controlarlo mediante un lenguaje de programaciön, el mismo que uses para el juego. Entiendo que debe de tener un máximo para no salir,m ycon CSS no puedes hacerlo.

[juliosansossio]

Lo que dices es que tengo que transformar los datos de posicion a unas coordenadas exactas para el mapa cierto?