[Radiant] Stylesheet generates background color only when not in radiant

Wed Jul 2 15:29:51 CDT 2008

The following css code when embedded in a layout works and generates a
colored background (by repeating the 1 pixel wide gif).

The css also works if a style.css file is external to radiant.

However, it does not work properly if the css is created as a radiant page
with a slug of style.css and referenced by a href="/style.css" link in the
layout.

Is this a known radiant bug or is this my problem?

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
    <head>
        <title></title>
        <style type="text/css">
            BODY {
                MARGIN-LEFT: 0px;
                MARGIN-RIGHT: 0px;
                MARGIN-TOP: 0px;
                MARGIN-BOTTOM: 20px;
                BACKGROUND-IMAGE: url('/images/background.gif');
                BACKGROUND-COLOR: #FFFFFF;
    background-repeat: repeat;
                FONT-SIZE: 10pt;
                COLOR: #000000;
                FONT-FAMILY: Verdana, Sans-Serif;
            }

            TABLE.OUTLINE {
                HEIGHT: 100%;
                WIDTH: 750px;
            }
        </style>
    </head>
    <body>
        <table class="OUTLINE" align="center" cellpadding="0"
cellspacing="0" border="0">
            <r:content>
        </table>
    </body>
</html>