графическое меню тормозит

[asker2]

Сделал на сайте графическое меню, те пункты меню это не большие (3.8kb) изображения, при наведении курсора мыши они меняются на другие.

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

Что сделать чтобы изображение у ссылки на действие hover и в первый раз менялось без задержек ?

вот стили которые я использую:

#header #menu .unic_menu_item1 a  {
  background: url(/images/home.jpg) no-repeat left bottom;
}

#header #menu .unic_menu_item1 a:hover, #header #menu .unic_menu_item1 a.selected  {
  background: url(/images/home_act.jpg) no-repeat left bottom;
}

#header #menu .unic_menu_item2 a  {
  background: url(/images/products.jpg) no-repeat left bottom;
}

#header #menu .unic_menu_item2 a:hover, #header #menu .unic_menu_item2 a.selected  {
  background: url(/images/products_act.jpg) no-repeat left bottom;
}

[BassEast]

вам нужно использовать такой метод:

#header #menu .unic_menu_item1 a  {
  background: url(/images/home.jpg) no-repeat left top;
  height:37px;
}

#header #menu .unic_menu_item1 a:hover  {
  background: url(/images/home.jpg) no-repeat left bottom;
}

а картинка должна быть такого вида: , тогда при наведении, он покажет ту же самую картинку (уже загруженную).. только с позицией - bottom, т.е. уже другую картинку.. (как попало объяснил, но вы должны понять).