Ну, для начала.... У тебя в начальном коде (до того, как ты его скорректировал ) были неправильно указаны имена.
Затем. Минус (дефис) развер разрешен в именах?

Вот твой код в рабочем виде (переделан из первоначально выложенного варианта)... Если я правильно понимаю, то обязательно указывать position надо.

<div id="mydiv" style="width:1000px;height:100px;overflow:hidden; background-color:#00CCFF; position:relative" onmousemove="mover(id, event)">
<div id="inner_div" style="width:40000px;height:100px; background-color:#FF0000; position:relative; left:100px">1</div>
</div>
<div id="posX"></div>
<div id="posY"></div>

<script language="javascript" type="text/javascript">
function mover(id, event) {

  var frameWidth = document.getElementById(id).clientWidth;
  var frameHeight = document.getElementById(id).clientHeight;

  var inframeLeft = document.getElementById('inner_div').offsetLeft;
  var inframeTop = document.getElementById('inner_div').offsetTop;
  document.getElementById('inner_div').style.left = 200 + 'px';

  document.getElementById('posX').innerHTML = 'X : ' + event.clientX;
  document.getElementById('posY').innerHTML = 'Y : ' + event.clientY;
}
</script>

<input type="text" name="posX" id="posX" /><br />
<input type="text" name="posY" id="posY" /><br />

При подведении мышки вложенный ДИВ перепрыгивает, и позиции пишутся правильно в нужные поля. Реально меняются цифирьки

sergeiss точно! ну спасибо дружище. в какой раз уже выручаешь? с меня мерси

это да зато бесплатно

забадался.... бошка отказуется думать

хочу сделать так, чтоб пока мыша находится внутри внешнего элемента, внутренний элемент двигался. попытался зациклить не хочет... как быть?

var i=0;

function runer() {
  var obj = document.getElementById('inner').style;

  i-=20;
  obj.left = i + 'px';
  document.getElementById('inner').onpropertychange = runer();

  //document.getElementById('posX').innerHTML = 'i : ' + i;
  //document.getElementById('posY').innerHTML = 'left : ' + obj.left;
}

смотри события mouseover и mouseout

А нафига ты меняешь innerHTML? Это же просто текст...

Чем тебе не нравится left в стиле? Работает "как часы".

 document.getElementById('inner_div').style.left = 200 + 'px';

Ты сам же это писал в первом сообщении!!!

Только не 200 указывай, а нужное тебе число.

sergeiss
innerHTML эт для глазов, а изменение вот тут идёт

obj.left = i + 'px';

glock18, не! ну у меня не на столько ветер в голове..... если мышка попадает в див тогда происходит функция, а если просто стоит внутри дива тогда ничего не происходит, а надо чтоб происходило пока мышка внутри... вот я и попытался типа рекурсию сделать а она не фурычит....

function mover(id, event) {
  document.getElementById('inner_div').style.left = (event.clientX +20 )+ 'px';
  document.getElementById('inner_div').style.top = (event.clientY +20 )+ 'px';
}

короче либо я вас не понимаю либо вы меня... пойду я спать! утро вечера мудреней

всё больше и больше полюбляю JavaScript хорошая весчь, но не идеальная
в общем первая собака убита.

вопервых оказывается события onmousemove и onmouseout работаюь совсем не так, как кажется на первый взгляд...

вот простой пример

function moveIn() {
  alert('in');
}
function moveOut() {
  alert('out');
}

<div style="width:1000px;height:1000px;border:1px solid black;" onmousemove="moveIn();" onmouseout="moveOut();"></div>

тоесть допустим у нас есть флажок flag, который при наведении мыши надо включать, а при выведении мыши надо выключать. в этой ситуации эти события нам не помогут ибо если быстро ввести мышу на территорию элемента сначала выполнится out затем in, а при выводе действие с таймером закончит своё действие несмотря на то, что флажок уже =false после события onmouseout="moveOut();" посему вопрос решён по другому. onmouseout я больше не использую.

<div id="panel" onmousemove="posXY('inpanel', event);" style="width:1000px;height:200px;border:1px solid black;">
<div id="inpanel" style="width:800px;height:100px;margin: 50px 0 0 100px;overflow:hidden;border:1px solid black;">
<div id="inner" style="width:40000px;height:100px;position:relative;border:1px solid black;"></div>
</div>
</div>
<div id="posInOut"></div>

var x = y = 0;
var oLeft = oTop = oWidth = oHeight = 0;

function posXY(id, event) {
  x = event.clientX; // мыша Х
  y = event.clientY; // мыша У

  oLeft = document.getElementById(id).offsetLeft;            // начальная координата окна слева
  oTop = document.getElementById(id).offsetTop;              // начальная координата окна сверху
  oWidth = document.getElementById(id).offsetWidth + oLeft;  // ширина окна
  oHeight = document.getElementById(id).offsetHeight + oTop; // высота окна

  if (x > oLeft && y > oTop && x < oWidth && y < oHeight) {document.getElementById('posInOut').innerHTML = 'IN';}
  else if (x < oLeft || y < oTop || x > oWidth || y > oHeight) {document.getElementById('posInOut').innerHTML = 'OUT';}
}

вот такая конструкция, если кому интересно

<div id="panel" onmousemove="getElementById('posInOut').innerHTML='IN'" 
onmouseout="getElementById('posInOut').innerHTML='OUT'" 
style="width:1000px;height:200px;border:1px solid black;">