I want a login page for a customer portal that uses an image for the background.

I tried various approaches.

I first did the following:

• Saved my image in Documents
• Created and html file and saved it in Documents
• Went to Customize > Customer Portal > Settings > Portal Name> Edit > Under the section "Look and Feel", in the Login Message, I  uploaded the html file

The problem I am encountering is that the css/html code for the background image gets striped away on the portal login page. It does show up when I view it inside the portal. I tried posting the code in the html file and in the css file, but it’s gone once it hits the browser.

My html file:

<apex:page>

<apex:stylesheet value="{/Resources.ForteStyles.css}" />

<apex:form id="loginForm" forceSSL="true">

<div style ="background-image: url(https://cs3.salesforce.com/resource/1366889013000/portal_page_bg);

background-repeat:no-repeat; height:500px;padding:120px 80px 80px 80px;" >

<div id="loginBackground">

<h3>Welcome to Forte Customer Portal.</h3>

<form action="" onsubmit="return login()" id="loginform" method="post">

 <p id="notification"></p>

<!-- TEXTBOXES -->

<label>User name</label><br />

<input name="username" type="text" class="text large required" id="username" /><br />

<div class="clearfix">&nbsp;</div>

<label>Password</label><br />

<input name="password" type="password" class="text large required" id="password" /><br />

<div class="clearfix">&nbsp;</div>

<p><input name="btnLogin" type="submit" class="submit" id="btnLogin" value="LOGIN" /></p>

</form>

</div> 

</apex:page>

I also tried defining it in my css file and that wasn't successful either:

#loginBackground ( background-image: url(https://cs3.salesforce.com/resource/1366889013000/portal_page_bg);

background-repeat:no-repeat; height:500px;padding:120px 80px 80px 80px;

}

And in my html file:

<div id="loginBackground">

Any ideas would be welcome.

Thanks,
Haya