Div height is different in IE?

[spires]

Hi

 

I have a DIV set to height="7px"

in every browser this works fine, but in IE6 the DIV is about 12px high.

 

Is there any way around the issue?

 

Thanks

 

div#outerHead {
position: relative;
background-image:url(images/wrapper/top.jpg);
height:7px;
width:963px;
}

[ignace]

http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/

 

Include this script in your main css file like so:

@import url(reset.all.css);

[spires]

hi,

 

thanks for your help.

I copied the code and saved it into a file called: resetCSS.css

 

I then added the line: @import url(resetCSS.css);

to the top of my existing css code.

 

However, this had no effect on the IE versions of my website. The 7px height DIVs were still about 10-12px high

 

Am I doing something wrong?

 

Thanks

[spires]

Hi

 

I have found a solution.

Not to sure why it works, but it does

 

Place a comment in the div:

<div id="outerHead"><!-- --></div>

 

Thanks for your help anyway