I have a theme in which I need to place items very precisely. It's working fine in IE and Opera, but in Firefox, for some reason, the first image in the page is pushed down 1 full line (12px). I've attached a screenshot showing the issue.
The relevant part of page.tpl.php looks like:
<body class="<?php print $body_classes; ?>">
<div id="page">
<!--background photo, can't use css background because of IE6 png support -->
<div id="page-background"><?php print theme('image', $directory . '/images/background-index.png'); ?></div>
<!-- end background photo -->
And the css:
/** body **/
body {
background: #000;
color: #999999;
min-width: 800px;
font-size: 100%;
line-height: 1em;
font-family: Tahoma, Geneva, sans-serif;
margin: 0;
padding: 0;
}
#page {
font-size: 0.75em; /* .75x16 = 12px */
line-height: 1.5em;
margin: 0 auto;
padding: 0;
}
#page-background {
line-height:0;
margin: 0 auto;
text-align: center;
padding: 0;
}
All my margins and paddings should be set to 0 and the offset is still being set. This is driving me crazy!
Mozilla/5.0 (X11; U; Linux i686; en-US; rv:1.8.1.10) Gecko/20061201 Firefox/2.0.0.10 (Ubuntu-feisty)
Not appearing in Firefox 3 Beta 1
Has anyone else had this issue? Thanks for your help.