I've created a customer survey with what I believe to be a simple intro page. The intro page finishes with a button that says "Enter Survey".
On my develpment PC (using IE7) everything looks just right but when I view the same page using FF3, the button shifts dramtically to the left. I've even noticed slight placement variations when viewing the page with different versions of IE ( I believe IE6 mostly).
Question: how do I get the page placement of the "Enter Survey" button to display consistency across different browsers and even within different instances of IE?
Here are my styles being applied to the div containing the enter button:
In the code snippet window is my page code
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link type="text/css" rel="stylesheet" href="llvsstyle2.css" media="screen" />
<form action="enter.asp" method="post">
<p id="opening"> </p>
<div id="submit"><input type="submit" value="Enter Survey" /></div>