[Last Call] Learn how to a build a cloud-first strategyRegister Now

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 845
  • Last Modified:

Pixel shift on hover

Hi

This problem is occuring in two separate areas of my page in IE6 only.
But to keep things simple, I've just made a test page up with one of them.
When you roll over the links the whole thing shifts, and then when you roll over the button it shifts back again.

I guess this is something to do with IE not liking hovers and zoom:1, but I have put that in a separate IEFixes.css file.  No luck though.  Not sure if it's relevant but I also have a hover behaviour attached to the body class.

Please help!  
0
Lady_M
Asked:
Lady_M
1 Solution
 
TNameCommented:
Strangely enough, deleting "cursor:hand;"  from
    a:hover {text-decoration:none; cursor:hand;  }
and also deleting "background-color: #FFF !important;" from
    a.button:hover {display:block; width:135px;  [...other styles here ...]  background-color: #FFF !important;  }
in the file main.css seems to help.
But I had to test without all background-images, so this might be wrong.
Both, the cursor and the bg color setting, seem to be redundand (BTW, you should use "cursor:pointer" instead of "cursor:hand;" - it wouldn't help in this case, but it's the crossbrowser way to do it).

Also, do not use html comments inside css files!
(Delete these in the css files:  <!--  -->  )

also, instead of
 html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6 { margin: 0;  padding: 0;  border: 0;  outline: 0;}
you could really say
* { margin: 0;  padding: 0;  border: 0;  outline: 0;}       -   the star means "all" in this  context...
0
 
Lady_MAuthor Commented:
Well how strange.  You're right, it does sort it out.
How on earth can a bgcolor make a difference???
So I can't have cursor:hand then?  They were quite keen on it.

The comment tags were included by default by Dreamweaver when I created the css page, are you sure they need to come out?  Thought it was some browser thing, I suppose for those which don't recognise CSS?

But anyway - thank you, it works and you're a life-saver.  It's been driving me up the wall!
0

Featured Post

Upgrade your Question Security!

Add Premium security features to your question to ensure its privacy or anonymity. Learn more about your ability to control Question Security today.

Tackle projects and never again get stuck behind a technical roadblock.
Join Now