View Single Post
  #4 (permalink)  
Old Apr 7th, 2008, 15:06
moojoo's Avatar
moojoo moojoo is offline
Moderator
Join Date: Aug 2005
Location: Texas
Age: 31
Posts: 1,946
Blog Entries: 1
Thanks: 0
Thanked 29 Times in 29 Posts
Re: background-image rollover problem ie6

Multiple IE's is good. Got IE 5.5 - 8 with IE 7 standalone on m Parallels install and IE 5.5, IE 6 default and IE 7 Standalone on my boot camp install. Works well, saves loads of headache. Although IE 8 is a turd atm and should generally be avoided for at least the next 6 months.

as for your problem try this

Code: Select all
#left a{
 margin-bottom: 6px;
 display: block;
 padding: 18px;
 background: url(../img/button_bg1.jpg)no-repeat 0px 0px;
 color: #0f0;
 text-decoration: none;
 width: 100%;
}
html>body #left a {
 width: 214px;
}
#left a:hover{
 background: url(../img/button_bg1.jpg) no-repeat 0 -274px;
}
You can specify the background position in the background call itself e.g. left top, right center, etc etc.. And yes numerical values work as well.
__________________
I hate IE 6. Just sayin....
http://www.mevans76.com

Last edited by moojoo; Apr 7th, 2008 at 15:09.
Reply With Quote