IE CSS Problem

[Blazer06]

I got this little problem, where in Opera / FireFox the part of the page shows up correctly but in IE it basically is adding a margin.

http://dsg.blazeme.net

Opera:


IE:


Anybody know why?

CSS Code

.boxleft-top {
	background-image: url(../img/pages/top.png); 
	background-repeat: no-repeat;
}
.boxleft-topp {
	padding-top: 12px;
}
.boxleft {
	background: #EDEDED;
	text-align: center;
}
.boxleft-bottom {
	background-image: url(../img/pages/bottom.png); 
	background-repeat: no-repeat;
	height: 11px;
}
.boxsep {
	height: 3px;
}

XHTML Code

<div class='boxleft-top'>
<div class='boxleft-topp'>
<div class='boxleft'>
	<img src='img/pages/work.gif' alt='Work Stations' border='0' />
	<br />
	<a href='index.php?menu=workstations' alt='Work Stations'><img src='img/pages/workstation.gif' alt='Work Stations' border='0' /></a>
	<br />
	<? echo($workstations); ?>
</div>
<div class='boxleft-bottom'></div>
</div>
</div>

<div class='boxsep'></div>

<div class='boxleft-top'>
<div class='boxleft-topp'>
<div class='boxleft'>
	<span class='red'>Refurbished Equipment</span>
	<br />
	<a href='index.php?menu=refurbished' alt='Refurbished Equipment'><img src='img/pages/laptop.jpg' alt='Refurbished Equipment' border='0' /></a>
	<br />
	<? echo($refurbished); ?>
</div>
<div class='boxleft-bottom'></div>
</div>
</div>

-Blaze

[lost-and-found]

blaze, all I could find is this discussion at another forum: http://www.webmasterworld.com/forum83/2732.htm

[Blazer06]

Originally Posted by lost-and-found

blaze, all I could find is this discussion at another forum: http://www.webmasterworld.com/forum83/2732.htm

Can you quote that for me? It wants me to pay.

EDIT: Guess not, but that doesn't fix my problem, only makes it worse. I believe that thread is referencing a horizontal positioning problem, not my vertical one.


-Blaze

[lost-and-found]

just google: "ie space between div" and click on the 6th result.

[MitaDC]

nice site blaze, you designing it or what? anyways just a recommendation, on the nav bar, the drop down text is a little light. You might want to darken it just a tad. . .

[lost-and-found]

Originally Posted by Blazer06

EDIT: Guess not, but that doesn't fix my problem, only makes it worse. I believe that thread is referencing a horizontal positioning problem, not my vertical one.
-Blaze

Well, thought it might have something to do with it. I can't get to the page, keep on getting the "Page cannot be displayed" error for some reason, so see the source code in context.

[Blazer06]

Originally Posted by lost-and-found

Well, thought it might have something to do with it. I can't get to the page, keep on getting the "Page cannot be displayed" error for some reason, so see the source code in context.

That’s because my server doesn’t do redirects very good.
http://www.700design.com/dsg/ should work.

Mita: You are using FireFox, no? In IE it's about right, and in Opera the transparency is black. Sigh.

No, it's not my design. I wish I could design that good.


-Blaze