100% hög

Jag skrev en tråd förut ang. detta problemet, men fick inga lösningar där.
Har tagit bort den tråden, och lägger därför upp en ny nu.

Om ni tittar in på http://soulgod.no-ip.info/daladomare/

Så ser ni att mina vertikala linjer ej går hela vägen ner.
Varför gör dom inte det?

Jag har gjort en tabell som skall vara 100% hög, och därefter lagt på en css-border på de kolumner, som ska ha en linje, men det visas ej över hela sidan.

Vad ska jag göra för att få linjerna att gå hela vägen ner?

Orsaken:
Du kör webbläsaren i "standards mode" (vilket är "bra" som jag ser det :) ) och då gäller:

If the height of the containing block is not specified explicitly (i.e., it depends on content height), and this element is not absolutely positioned, the value computes to 'auto'.

Källa: http://www.w3.org/TR/CSS21/visudet.html#the-height-property

... och "100% av auto" är "auto" - dvs den höjs som tabellinnehållet"spänner ut av sig själv" utan koppling till webbläsarfönstrets höjd i detta fall (läs mer om detta i http://www.w3.org/TR/CSS21/visudet.html#Computing_heights_and_margins )

Lösning:
Lägg till

html,body { margin:0; padding:0; height:100% }

i din CSS så kopplar du tabellens höjd till webbläsarfönstrets höjd via höjdvärdena på sidans "rotelement" och slipper få "auto-effekten" ;)

Tack!