Home/ Questions/Q 114289
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-11T02:50:14+00:00

I wrote some CSS in my HTML code to create rollover buttons. Then i

  • 0

I wrote some CSS in my HTML code to create rollover buttons. Then i tried to run it with IE 7 and surprise! it doesn’t run. In fact it shows both the button and underlying rollover. How can i get around IE’s inability to cache background images? Preferably using CSS but javascript ‘will’ be tried.

Sample CSS:

 #Menu   {      width: 100%;      height: 32px;      margin-top: 93px;     padding-left: 13px; }    #Menu a  {      height: 32px;      line-height: 32px;      width: 123px;      background: url('img/menu.png') top left no-repeat;      background-position: -123px 0;      float: left;      margin-left: 3px;      text-decoration: none;      color: #1e1e1d;      font-size: 12px;      text-align: center;  }   #Top #Menu a:hover, #Top #Menu a.active  {      background-position: 0px 0;      text-decoration: underline; }
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Well firstly you are giving conflicting instructions …

    background: url('img/menu.png') top left no-repeat; background-position: -123px 0;

    … the background is already positioned using shorthand.

    I assume that your regular and hover states both share the same image, so why not do both with shorthand? Remove…

    background-position: -123px 0;

    … and for your hover and active states, use …

    background-position: bottom left;

    Then have both your states in one image, one below the other (which I assume is what you’ve been trying anyway).

    • 0