Thanks guys, I did get Wyodor's code to work, I just didn't realise it needed to go into a page header, which I'd removed from my layout.
My floating menu quest is to get a red box about 13px x 60px with the word "top" in it so that it is always there to guide people back to the top of the page - not crucial, just nice.
I have to say I'm pretty pleased with how my site looks, I found some very simple code for a drop-down button and some very tasteful menu anims.
My only problem now is that when the left menu items are clicked before the page A fully loaded, the menu on page B appears collapsed. Any ideas?
My website is www.poulson.info and the code for the menu is:
<style type="text/css"><!--
#roll a {
width: 143px; /* sets the width of your buttons, remove this line if you want variable width */
display: inline-block;
text-decoration: none;
}
#roll ul {
margin: 0;
padding: 0;
list-style: none;
}
#roll ul li {
list-style-type: none;
background: none;
}
#roll ul li a, #roll ul li a:visited { /* styles for the default button state */
margin: 0 0 5px 0;
padding: 0 8px 0 8px;
line-height: 21px; /* this value must be at least twice the border-radius value */
color: #666666;
background: #FFFFFF;
font-family: Verdana, Tahoma, Arial, sans-serif;
font-size: 13px;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
#roll ul li a:hover { /* styles for the rollover button state */
color: #FFFFFF;
background: #CCCCCC;
}
--></style>
