Css problems with internet explorer

[lionscub613]

i designed my site so far using <div> tags and an iframe in firefox and mozilla all of them line up perfectly and seamlessly however in internet explorer i get a small gap between each div tag even though i specified height: and width: in all my div tags.

anyone know what might reconcile this?

i want to finish my site and i dont want it look half arsed for IE viewers.

(come on someone here has to have a clue)

i will attach to screen captures so u know what i mean the first is IE screenshot the second firefox
screenshot.

 

[PoorDoggie]

have you tried:

div{
margin: 0px;
padding: 0px;
spacing: 0px;
}

I have divs, so I use tables instead and it is the same (ish) for tables:

table{
cellspacing: 0px;
cellpadding: 0px
margin: 0px
}

try border as well!

I dunno too much about divs though!

 

[lionscub613]

thanks i'll try the spacing at 0 i had margin and padding in there set to 0 maybe spacing is the missing ingredient

i tried that to and that didnt resolve it either its about to drive me crazy.

 

[Miyavi]

Didn't work for me, and I've having a similar issue.

 

[lionscub613]

try adding padding:0px; to the body tag or in your stylesheet

 

[genious]

if you put "position:absolute" then the entire thing is going to get messed up but if you
put "position:relative;left:-1;" or you could "padding-left:0;"