positioning images in Firefox
I have a question about the home.jpg image (top left) on this page: http://www.habibihon.com/shahrzad/
In Firefox, it has some blank space above it that shouldn't be there, which changes the alignment with the rest of the page. It only happens when there is text in the "header" with the image.
Here are some code bits:
style:
body {
background-image: url(bg.jpg);
background-repeat: repeat-x;;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
padding: 0;
color: white;
background-color: black;
font-family: Verdana, Arial, Sans-Serif;
text-align: center;
}
#header {
margin-left: 0px;
margin-top: 0px;
padding-top: 0px;
padding-left: 0px;
height: 100px;
}
#container {
text-align: center;
}
html:
<body>
<div id="container">
<div id="header">
<a href="index.html"><img src="home.jpg" align="left" alt="Home" /></a>
<p><a href="sale.php?items=sale">Sale Items!</a></p><br />
</header>
Thank you in advance for any help!
CSS Codes
Reply With Quote
Bookmarks