Problems using Style Sheets

I am trying to use CSS to create a frame based layout.

<style type="text/css">
@page{layout:column}
@frame banner{height:20%}
@frame middle{height:80%,layout:row}
@frame toc{parent: middle; width:20%}
@frame main{parent: middle; width: 80%}
h1{flow: banner}
ul.toc{flow: toc; target: main}
body {flow: main}
</style>
<h1>Test</h1>
<ul class=toc>
<li><a href=test.html>First</a>
<li><a href=test.html>Second</a>
</ul>

This should break the screen up into frames and the links should load in the "main" frame, but I am getting a straight html layout with no frames and the links open as a full window. This code is almost exactly out of the W3C and I STILL can't get it to work!