Problem med positionering av DIV

Hej.
Jag har letat runt en del på forumet efter lösningar men har inte hittat något, har jag hittat något så är jag så dåligt påläst på området att jag inte förstått det ändå.. Här kommer mina frågor:

1 Hur gör jag för att min högra kolumn ("sidebar" i koden) ska sträcka sig längre än vad den gör? Den är tänkt att anpassa sig efter "package", som beror på höjden av "content"-DIV:en.

2 Jag har tidigare alltid utgått från iexplorer (6.0), men nu testade jag att titta på sidan i firefox och såg att det mesta såg.. oacceptabelt ut.. Vilka fel gör jag? Vill helst (så klart) se lösningar som gör att sidan ser likadan ut i alla browsers..

HTML och CSS
mvh

Enklast blir nog om du tittar på det här enkla exemplet och kör med den modellen.
http://www.456bereastreet.com/lab/two_columns_header_footer/

Jag vet inte om det är jag som gör fel eller vad, men så här testade jag:

Sparade först css och xhtml på hårddisken, men döpte om webbsidan till html för att jag ska arbeta i html. Tog även bort doctype o.s.v.
Efter det testade jag, och nu blev det varken centrerat eller jämnt där sidebar gränsar mot footer.. bifogar bild

Då får vi se om det fungerar nu..

Nej, grejen är att sidebar inte sträcker sig ända ner. Det är ett vanligt problem. Man kan lösa det genom att ha en bakgrundsbild som ger skenet av att sidebar sträcker sig längre än den gör.
http://www.alistapart.com/articles/fauxcolumns/

/Red
Ett annat bra exempel:
http://www.alistapart.com/d/negativemargins/ex5.htm

Förresten, varför tog du bort doctype?