I've been trying to create a website with fixed positioned content with a central absolute positioned div (so that it can be scrolled down).

However, when zoomed in on, the absolute div's content can be moved by pressing the left and right arrow keys, what can I do to prevent this from happening?

The CSS code for the absolute div is

.text1 {
	font-family: Verdana, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #333;
	height: 100px;
	width: 512px;
	margin-top: 100px;
	margin-left: 400px;
I think it is a fault with the CSS styles I've applied to the div but if you need any of the HTML code then let me know.

Thank you for looking at this.