Проблема в том, что когда я навожу на меню курсор, страница начинает загружать картинку, на которую должен поменяться бекграунд меню, это отнимает несколько секунд и эффект меню теряеться, как этого избежать?

Я делаю следующим способом:

Код

<td style="cursor:hand" onMouseOver="this.style.backgroundImage='url(images/m33.gif)';a1.className='menu';"  onMouseOut="this.style.backgroundImage='url(images/m3.jpg)';a1.className='menu_blue';" height="20" background="../images/m3.jpg">

Предзагрузка картинок. В секции head напиши такой скрипт:

Код

var img = new Object(); img["first"] = new Image(h, w) // размеры картинки, подставь числа img["first"].src = "img.gif" ....

Aliance, не получаеться, а как подставить его в мой бекграунд?

Добавлено @ 14:35
onMouseOver="this.style.backgroundImage=img['first'].src" ??? или

onMouseOver="this.style.backgroundImage=url(img['first'])" ???

nicka47 а попробуй соеденить картинки вместе, но при наводе мышью сдвигать скриптами background-position?

Кстати может вообще без скриптов?
http://www.stunicholls.myby.co.uk/menus/menu5teen.html