Problem I have had for ages please help!

[DannyVarley]

Okay so here it goes, I have a list of products all one one page, e.g http://kitchenwarehouseltd.com/compl...gh-gloss/cream

The problem I have is that I want the "add to cart" button to stay on the page at all times, My idea would be to have it stick to the bottom of the page once you get a certain way down and then it stays at the bottom of the page until you get to the end of the form. I hope this makes sense!

The only problem is I don't know how I would go about this at all!

Many thanks,
Dan

[twitchtoo]

Your current CSS:

.button, input[type="submit"], input[type="reset"], input[type="button"], .readmore, button {
background:-moz-linear-gradient(#4B5668, #7A889F) repeat scroll 0 0 #4B5668;
background:-webkit-linear-gradient(#4B5668, #7A889F) repeat scroll 0 0 #4B5668;
background:-ms-linear-gradient(#4B5668, #7A889F) repeat scroll 0 0 #4B5668;
background:-0-linear-gradient(#4B5668, #7A889F) repeat scroll 0 0 #4B5668;
border: 1px solid #4B5668;
background-color:#4B5668;
text-transform:uppercase;
}.button, input[type="submit"], input[type="reset"], input[type="button"], .readmore, button {
background:-moz-linear-gradient(#4B5668, #7A889F) repeat scroll 0 0 #4B5668;
background:-webkit-linear-gradient(#4B5668, #7A889F) repeat scroll 0 0 #4B5668;
background:-ms-linear-gradient(#4B5668, #7A889F) repeat scroll 0 0 #4B5668;
background:-0-linear-gradient(#4B5668, #7A889F) repeat scroll 0 0 #4B5668;
border: 1px solid #4B5668;
background-color:#4B5668;
text-transform:uppercase;
}

Your new CSS:
.button, input[type="submit"], input[type="reset"], input[type="button"], .readmore, button {
background:-moz-linear-gradient(#4B5668, #7A889F) repeat scroll 0 0 #4B5668;
background:-webkit-linear-gradient(#4B5668, #7A889F) repeat scroll 0 0 #4B5668;
background:-ms-linear-gradient(#4B5668, #7A889F) repeat scroll 0 0 #4B5668;
background:-0-linear-gradient(#4B5668, #7A889F) repeat scroll 0 0 #4B5668;
border: 1px solid #4B5668;
background-color:#4B5668;
text-transform:uppercase;
position: fixed;
top: 2em;
z-index: 1;
}

Look at the top left of your page, the add products to cart button should be floating.