the left border wont't show in IE6

[petroczi]

Hi,
I'm working on a special instructional webtool, a filter actually - http://www.kerteszklub.fw.hu/info.html. This link only shows the user manual part I'm working on. I am filling it up with images and text, so it's very much at a work -in-progress stage contentwise, but the layout and the structural elements are there. Any modern browser displays the page perfectly fine, but in explorer 6 there are some problems.
There is this simple structure I use:
<div class="cb-container">
<div class="cb-head">
<div class="cb-tab"></div><div class="border-left"></div></div>
<!-- END OF HEAD-->
<div class="cb-body">
All the content comes here.
</div>
<!-- END OF BODY-->
<div class="cb-foot"><div class="border-right"></div>
</div>
<!-- END OF FOOT-->
</div>
<!-- END OF CONTAINER-->

1. The .cb-head div is misplaced to the top
   , and there is a visible gap between it and the next .cb-body div, which is also another static block.
2. this .cb-head div is not the size I gave to it, but it is enlarged to show the full background image.
3. most importantly: the .cb-body div loses its left border.

Basically, I only float the .border-left and the .border-right divs in the sized .cb-head and the .cb-foot divs and they are in the right place. Otherwise everything is either static, or absolutely positioned..
As you can see - in the info.css stylesheet- I have tried some tricks with overflow:visible - height:1px (or another fixed size), and position: relative to give the beast the haslayout=true value at certain parts, but with no use.
Does someone have any more ideas I could try?
Thanks.

[Centauri]

Because that site forces the use of frames, I cannot use my live editing tools on it, so can offer only suggestions.

First issue is spelling - IE doesn't like the spelling of "grey" for the missing left margin - it needs to be "gray".

Next, IE will not allow elements to be less height than the current line height, so on the .cb-head and .cb-foot divs, set a font-size of 1px.

[philm]

IE6 doesn't like empty DIVs.

Try this:

<div class="cb-container">
<div class="cb-head">
<div class="cb-tab"><!-- IE6 --></div><div class="border-left"><!-- IE6 --></div></div>
<!-- END OF HEAD-->
<div class="cb-body">
All the content comes here. 
</div>
<!-- END OF BODY-->
<div class="cb-foot"><div class="border-right"><!-- IE6 --></div>
</div>
<!-- END OF FOOT-->
</div>
<!-- END OF CONTAINER-->

[Centauri]

Hmmm, never had any issues with that...

[petroczi]

Thanks for all of your replies!

Yes, it was stupid of me not to start checking such trivial things like spelling, but one does not suspect the problem can be so simple as the mispelled word 'gray'. It was. Sorry for bothering you with this. Thanks again.
Petroczi