There is a white pixel (dot) that is showing up in the bottom left of my page. You can see it here:
http://dev.tonedeafdesign.com/test/white-dot.html
If I look at the page in Safari on an iPad 2, the dot appears. In Chrome, no white dot. Here’s the code for the page. It’s a blank page - no content - just a skeleton. I’ve tested this on an iPad 2 with iOS 6. Here’s the code for the test:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>White Dot Test</title>
<style type="text/css" title="text/css">
/* <![CDATA[ */
body {
background: black;
}
/* ]]> */
</style>
</head>
<body>
</body>
</html>
Can’t seem to figure this out. Any help is greatly appreciated.