CSS позициониране

Някой може ли да помогне,
имам страница, в долната част е разположено нави-меню, което с промяна на големината на прозореца си променя позицията.
Целта ми е в при определена големина на прозореца да го "закотвя", за да не излиза извън рамките на background-графиката.
Дотук съм сложила следните дефиниции:
<div style="position:absolute; bottom:0px; left:300px"> и след това е табелката с менюто .
Идеи какво да променя?

<div style="position:absolute; top: XXXpx; left: 300px">

Не ще, така ми спира скролването при промяна на прозореца

ако дадеш малко код би било добре

май реших проблема с java script, иначе е за това иде реч :

<div id="bottombar" style="position:absolute; bottom:0px; left:300px">
<table width="570" height="104" background="leiste.jpg">
<!--DWLayoutTable-->
<tr><td width="35" height="100"></td>
<td width="100" height="100"><a href="beispiel_auto.html" onmouseout="MM_swapImgRestore()"

onmouseover="MM_swapImage('auto','','auto___mouseover3.gif',1)"><img src="auto3.gif" name="auto" width="100"

height="100" border="0" id="auto" /></a></td>
<td width="100" height="100"><a href="beispiel_medizin.html" onmouseout="MM_swapImgRestore()"

onmouseover="MM_swapImage('medizin','','kreuz___mouseover2.gif',1)"><img src="kreuz2.gif" name="medizin"

width="100" height="100" border="0" id="medizin" /></a></td>
<td width="100" height="100"><a href="beispiel_computer.html" onmouseout="MM_swapImgRestore()"

onmouseover="MM_swapImage('computer','','computer___mouseover3.gif',1)"><img src="computer___gedrueckt3.gif" name="computer"

width="100" height="100" border="0" id="computer" /></a></td>
<td width="100" height="100"><a href="beispiel_mensch.html" onmouseout="MM_swapImgRestore()"

onmouseover="MM_swapImage('mensch','','mensch___mouseover3.gif',1)"><img src="mensch3.gif" name="mensch"

width="100" height="100" border="0" id="mensch" /></a></td>
<td width="100" height="100"><a href="beispiel_haus.html" onmouseout="MM_swapImgRestore()"

onmouseover="MM_swapImage('haus','','haus___mouseover3.gif',1)"><img src="haus3.gif" name="haus" width="100"

height="100" border="0" id="haus" /></a></td>

<td width="35" height="100"></td></tr>
</table>
</div>
<script type="text/javascript">
var aktiv = window.setInterval("set()", 100);

function set(){
if (window.innerHeight > 720) {
document.getElementById("bottombar").style.bottom=window.innerHeight-720+"px";
document.getElementById("textblock").style.bottom=window.innerHeight-610+"px";
} else {
document.getElementById("bottombar").style.bottom= "0px";
document.getElementById("textblock").style.bottom= "110px";
}
}
</script>

вярвам това меню седи в някой друг елемент. направи този друг елемент position:relative а на менюто му дай absolute спрямо елемента в който седи. така ще си оправиш проблема без js-та