HTML page messes up when zoomed out?

**Pumplead** · Jul 15 '12, 11:33 PM

When ever I zoom out in my browser (google chrome) the objects on the page move off the main page? Does anyone know how to fix this?

code:

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
		"http://www.w3.org/TR/html4/strict.dtd">



<html>

<head>

	
	<link rel="stylesheet" type="text/css" href="style.css">
	<link rel="stylesheet" type="text/css" href="bkground.css">
	<link rel="shortcut icon" type="image/x-icon" href="100.ico">
	
	<title> About us [Pumplead Studio] </title>

	<meta http-equiv="Content-type"
		content="text/html;charset=ISO-8859-1">

	<meta http-equiv="Expires"
		content="Sat, 29 Jun 2013 00:00:00 GMT">

	<meta name="Description"
		content="Software development company focused on developing in Java, HTML, C++ and C#!"
	<meta name="Keywords"
		content="programming, development, developing, freelance, small business, java, html, c#, c++, pumplead">

</head>

<body bgcolor="#3D3D3D">

<h1></h1>

<div style="position: absolute; left: 260px; top: 160px;">
		<h3></h3>
			<div style="position: absolute; left: 10px; top: 24px;">
				<a href="index.html"  style="display: inline;">Home</font></a>
			</div>
			
			<div style="position: absolute; left: 85px; top: 24px;">
				<a href="downloads.html" style="display: inline; ">Downloads</a>
			</div>
			
			<div style="position: absolute; left: 200px; top: 24px;">
				<a href="services.html" style="display: inline; ">Services</a>
			</div>
			
			<div style="position: absolute; left: 295px; top: 24px;">
				<a href="projects.html" style="display: inline; ">Projects</a>
			</div>
			
			<div style="position: absolute; left: 385px; top: 24px;">
				<a href="investing.html" style="display: inline; ">Investing</a>
			</div>
			
			<div style="position: absolute; left: 475px; top: 24px;">
				<a href="about_us.html" style="display: inline; ">About us</a>
			</div>
	</div>


<div style="position: absolute; left: 875px; top: 30px;">
	<h2><big><font face="Segoe UI Light">About us</font></big></h2>
	<hr>

</body>


</html>