Absolute positioned button moves when clicked
It is the 'Further Details' button seen on the right of the listings, here:
The current css/styling works as intended, that is until the button is actually pressed. You will notice that the button div seems to stretch to the full height of the parent div.
Am I setting up the positioning wrong? Ive tried setting the width and height of the button but that doesn't help.
The problem is the
top: 1px setting in the
a:active CSS class in
style.css. Remove it and you should be fine.
This post first appeared on CSS3 Recipes - The Solution To All Your Style Problems, please read the originial post: here