CSS Image Padding/Margin Issue in IE

[stuckupvacant]

Hi Guys having an issue with IE styling



Uploaded with ImageShack.us

In firefox it displays correctly, in IE the causes the Green "Header" to expand

 
<div class = "topbar">
<div class = "header">		
<label id="headtext">Heavy Woollen District Junior Cricket League</label>
<div><img src="images/hwlogo.jpg" class="img1"></div>
</div>
		
<div class = "toplinks">
<a href="?&team=1" class="toplink">Home</a><a href="?page=leagues&&team=1" class="toplink">Leagues</a><a href="?page=teams&&team=1" class="toplink">Clubs</a><a href="?page=news&&team=1" class="toplink">News</a><a href="?page=gallery&&team=1" class="toplink">Gallery</a><a href="?page=fixtures&&team=1" class="toplink">Fixtures</a><a href="?page=results&&team=1" class="toplink">Results</a><a href="?page=admin&&team=1" class="toplink">Admin</a>		
</div>
		
<div class = "sublinks">
</div>
</div>

CSS

 
.img1
{
position:relative;
display: block;
left:7px;
top:-40px;
padding: 0px;
margin: 0px;
border: 0px;
}

Any help would be much appreciated

[jamesicus]

Check out ..........

The CSS Box Model

The Box Model Problem

[COBOLdinosaur]

Without a link to the page so I can see the full code, my guess is that you do not have a proper doctype to keep IE out of quirksmode.

[stuckupvacant]

Originally Posted by jamesicus

Check out ..........

The CSS Box Model

The Box Model Problem

Thanks for the links it's not a box model issue as such as padding, margin and border are all set to 0

turns out COBOLdinosaur was correct no DOC type assigned

[COBOLdinosaur]

Sometimes I get lucky.