Alrightie,.. my Text wont get a drop shadow .. If it does there's always white boxes appearing at the top of my layout, how can I get a dropshadow? and prevent the white boxes from appearing, here the CSS code.. {I took out the Drop shadow filter} I don't know where to add it,

<style type=text/css>
body {
background-image: url('bg1.jpg');
background-position: 0px 0px;
background-attachment: scroll;
background-repeat: repeat-y;
background-color: #ffffff;
scrollbar-base-color: #002D33;
scrollbar-face-color: #F89667;
scrollbar-track-color: #ffffff;
scrollbar-shadow-color: #002D33;
scrollbar-highlight-color:#F8B798;
scrollbar-3dlight-color: #F89667;
scrollbar-darkshadow-color: F89667;
scrollbar-arrow-color: 000000;
FILTER: chroma(color=#ffffff);
}
input, iframe.htmleditor, .button .textfield, textarea, select
{
border: 1px solid #5495CC;
background-color: #002D33;
color: #5D8DA1;
font-family: Arial;
font-size: 10px;
line-height: 10pt;
color: #D93C47;
font-weight: normal;
letter-spacing:1px;
}

div {
font-family: Arial;
font-size: 10px;
line-height: 10pt;
color: #D93C47;
font-weight:normal;

}

.head {
font-family: verdana, tahoma;
font-size: 9px; font-weight:bold;
text-align: center; color: #D93C47;
border: #D93C47; border-style: solid;
border-top-width: 0px; border-right-width: 0px;
border-bottom-width: 1px; border-left-width: 0px;
}


body, td {
font-size: 11px;
line-height: 10pt;
color: #D93C47;
font-weight: normal;
font-family: Century Gothic;

}


a:link {
color: D93C47;
font-size: 10px;
font-weight: bold;
text-decoration:none;
}
a:visited {
color: D93C47;
font-size: 10px;
font-weight: bold;
text-decoration:none;}

a:hover {
color: D93C47;
font-size: 10px;
font-weight: bold;
text-decoration: overline underline;
cursor: crosshair;}

table,tr,td
{
font-weight: normal;
font-size: 10px;
color: #D93C47;
background-color:#002D33 ;
}


</style>


here's the link to my site http://sn.aoumi.net and those boxes appear only at the cutting off of the 800x600 image, it's awkward yet, confusing. can someone please help me?

filter: dropshadow(Color=#00ff00, OffX=2, OffY=2, positive=2);
height: 1px;

Add that to the body/div/tr/td sections, or the link sections, whatever you want to have the dropshadow. Change the colour, and you can change the other stuff if you want.

I did, but it only made things worse I can't get rid of the White boxes ...

Try removing it from the main div section and putting it just in the .head class.