Fixed size box with scroll bars
pre {
background-color:#FDFDFD;
font: 1.0em ‘Courier New’, Courier, Fixed;
overflow: auto;
line-height: 1em;
width: 640px;
margin-top: 5px;
margin-right: 0px;
margin-bottom: 10px;
margin-left: 10px;
padding: 5px;
text-align: left;
Scroll bars only appear when you hover
pre {
background-color:#FDFDFD;
font: 1.0em ‘Courier New’, Courier, Fixed;
overflow: hidden;
line-height: 1em;
width: 640px;
margin-top: 5px;
margin-right: 0px;
margin-bottom: 10px;
margin-left: 10px;
padding: 5px;
text-align: left;
}
pre:hover{
overflow: auto;
}
Feel free to comment if you can add help to this page or point out issues and solutions you have found. I do not provide support on this site, if you need help with a problem head over to stack overflow.