我最近开始为新网页开发项目。我唯一的问题是，在某些网络浏览器（Apple Safari，Mozilla Firefox）上，文本和图像会向左移动。我想知道我是否可以创建一个下拉框来改变文本向左的百分比。
如果有更简单的方法可以让所有浏览器和显示器上的格式显示正常，请告诉我。
我的代码如下所示：
<html>
<head>
<title>GameLikeBacon.com</title>
<link type="text/css" rel="stylesheet" href="stylesheet.css" />
<link rel="icon" type="image/ico" href="http://www.mysite.com/favicon.ico" />
</head>
<body>
<center>
<IMG SRC="background.gif">
</center>
<DIV STYLE="position:absolute; top:100px; left: 15%; width:950px; height:1150px">
<center>
<script type="text/javascript">
// Empty JavaScript Section, Cookies Not Working
</script>
<left><a href="http://www.youtube.com/user/ethan1bacon56?feature=mhee">
<img src="logo.gif" onmouseover="this.src='logos.gif'" onmouseout="this.src='logo.gif'" style="border-style: none"/>
</a>
</left>
<center><a href="Action Games.html"><img src="actionbutton1.gif"
onmouseover="this.src='actionbutton2.gif'" onmouseout="this.src='actionbutton1.gif'" style="border-style: none"/></a>
<a href="Adventure Games.html" style="font-family: AR JULIAN; font-size: 25px;">Adventure </a>
<a href="Arcade Games.html" style="font-family: AR JULIAN; font-size: 25px">Arcade </a>
<a href="Sports Games.html" style="font-family: AR JULIAN; font-size: 25px;">Sports </a>
<a href="Strategy Games.html" style="font-family: AR JULIAN; font-size: 25px">Strategy </a>
</center>
<h2 align="left">Newest Game: Plants vs. Zombies</h2>
<a href="Plants vs. Zombies.html">
<img src="zombie.jpg" style="border-style: none;" align="left">
</a>
<h2 align="right">Featured Game: Fancy Pants 1</h2>
<a href="Fancy Pants 1.html">
<img src="Fancy.jpg" onmouseover="this.src='Fancy2.jpg'" onmouseout="this.src='Fancy.jpg'" style="border-style: none" align="right">
</a>
<right>
<img src="Bacon.gif">
</right>
<center>
<p style="font-size: 35px;">Newest Games</p>
</center>
<center><a href="Plants vs. Zombies.html" style="font-size: 25px;"> Plants vs. Zombies </a>
<a href="Johnny Upgrade.html" style="font-size: 25px;"> Johnny Upgrade </a>
</center>
<center>
<h1>----------------------------------------</h1>
</center>
<center><a href="http://www.youtube.com/user/ethan1bacon56?feature=mhee"><img src="Ad.gif" style="border-style: none;"></a>
</center>
<center>
<h6>Want your advertisment here? Contact me at ethandpeck@hotmail.com</h6>
</center>
<img src="splash.gif">
</DIV>
</body>
</html>
是否有更好的方法可以执行此操作，还是可以使用下拉菜单来确定文本左侧的百分比？顺便说一下，我是11岁，所以不要贬低我，因为这看似简单。