comment box, cant see text Options

[babii1126]

when people comment in my xanga you cant see the text that they are typing, and i tried using the codes to change the comment box background but it still doesn't work, can someone please help ? my xanga is xanga.com/o0babii thanks !

this is header ...

<DIV style="WIDTH: 365px; BORDER: #000000px solid; background-color:#000000">


<style type="text/css">
<!--
body { cursor:none; background-color: #000000; line-height: 15px;
    scrollbar-face-color:000000;
    scrollbar-arrow-color:;000000;
    scrollbar-track-color:000000;
    scrollbar-shadow-color: 000000;
    scrollbar-highlight-color: 000000;
    scrollbar-3dlight-color: 000000;
    scrollbar-darkshadow-color: 000000;}

<!--
.standard {font-size: 10pt; font-family: arial; text-decoration: none; text-align: justify;}
.standardsmall {font-size: 10pt; font-family: arial; text-decoration: none;}
.linksmall {font-size: 10pt; font-family: arial; text-decoration: none; font-weight:bold; TEXT-TRANSFORM: lowercase; }
-->

A:link {COLOR: #ffff80; TEXT-TRANSFORM: lowercase; font-weight: normal; font-family: arial; font-size: 10pt; text-align: justify;
}
A:visited {COLOR: #ffff80; COLOR;font-size: 10pt; font-family: arial; font-weight: normal; TEXT-TRANSFORM: lowercase; text-align: justify;
}
A:active {COLOR: #ffff80;font-size: 8pt;  font-family: arial; font-weight: normal; text-transform: lowercase; text-align: justify;
}
A:hover {font-family: arial; cursor: ; font-size: 10pt; color: ; TEXT-TRANSFORM: lowercase; text-align: justify; }

.blogheader {font-family: arial; color: #ffff80; font-size: 14pt; text-transform: lowercase; background-color: 000000; text-align: right; font-weight: none; letter-spacing: -3px; border-left: 1px solid #000000; border-right: 1px solid #000000; padding: 0px;
border-bottom: 1px solid #ffffff; border-top: 1px solid #ffffff; }


tablebanner { margin-top: -85px; visibility: hidden}
table.textad { margin-top: -85px; visibility: hidden}
.searchbarborder {background-color: #transparent; margin-top: -83px; visibility: hidden}
table.header { width: 365px; background-color: transparent; border: none; }
table.navigation { width: 365px; color: ; border:medium none  }
table.main { width: 365px; background-image: url(''); background-repeat: no-repeat; border:none}
.searchbarinterior {background-color: transparent; visibility: hidden}
visibility:hidden;margin-top:-85px;}





  <!--
b {
  font-family: arial;
  color: #ffffff;
  font-weight: normal;
}

u {
  color: # ffffff; line-height: 18px;
}
p {
  color: # ffffff;
  font-size: 10pt; 
  font-family: arial; line-height: 18px;
}

td {
    color: # ffffff;
    font-size: 10pt;
    font-family: arial; line-height: 18px;
  }
div {
    color: # ffffff;
    font-size: 10pt;
    font-family: arial;
    align:justify;
}

input {
      color: # ffffff;
      font-size: 10pt;
      background: none;
      text-decoration: none;
      font-family: arial;
      border-width: 1px;
      border-style: solid;
      border-color:# ffffff;
      }

textarea {
      color: ffffff;
      font-size: 10pt;
      text-decoration: none;
      font-family: arial;
      text-align: justify;
      border-width: 1px;
      border-style: solid;
      border-color:# ffffff;
      text-transform: lowercase;
      }
select {
      background: 000000;
      color: #ffff80;
      font-family: arial;
      font-size: 10pt;
      border: 1 px solid # ffffff;
      text-transform: lowercase;
      cursor: help;} 
submit {
      background-color: ffffff;
      font-family:  arial;
      font-size: 10pt;
      color: #ffff80;
      border: 1 px solid # ffffff;
      text-transform: lowercase;
      cursor: help;}

-->
hr {width: 100%; display: none; }
.leftmoduletitlebar {font-weight:underline; background-image: url('');}
.leftmoduletitlefontcolor {font-family:arial; font-size: 10pt}
.leftmodulefontcolorsmall {font-family:arial;font-size: 10pt}
.leftmoduletitlefontcolorsmall {font-family:arial; font-size: 10pt}
.leftmoduleborder {background-color: transparent; }
.leftmoduleinterior {background-image: url ('');}
.smalltext {font-size: 10pt;}
.button {font-family: arial; TEXT-TRANSFORM: lowercase; cursor:e-resize; }

table\.bannner { margin-top: -65px; visibility: hidden}
table.textad { margin-top: -65px; visibility: hidden}
.searchbarborder {background-color: #transparent; margin-top: -63px; visibility: hidden}
.searchbarinterior {background-color: transparent; visibility: hidden}
</style>
<!-- begin code provided by createblog.com -->
<style type="text/css">
.blogbody b, .standard b, p b, strong {
/* edits bolded text in your entry */
font-weight: bold;
color: #ffff80;
}
</style>
<!-- end code provided by createblog.com -->

<!-- begin code provided by createblog.com -->
<style type=text/css>
/* remove regular modules */
texttable.left, td.mainleft, table.left, table.navigation, table.search{display:none}
table.blogbody tr td {width:0px; padding: 0px;}

/* edit to your liking */
table.module { border: 1px solid #ffff80; width:160px; background-color:000000; }
table.module th { background-color: #000000;font: bold 14px arial; text-transform: none;color: #ffff80; border: none; }
table.module td {color: #ffff80; text-align: left; border: none; background-image: none; }
</style>

<!-- add this below all the CSS -->

<table border=0 width="660"><tr><td valign="top" width="160">
<table border="1" cellspacing="0" cellpadding="4" width="100%" class="module"><tr><th valign="top" align="left" class="module"><b>o0babii</b></th></tr><tr><td valign="top" class="module">
<center><img src="http://img.photobucket.com/albums/v250/babii1126/snoopy.bmp"></center><p>

name: sarahhhhhhh

</td></tr></table><br>

<table border="1" cellspacing="0" cellpadding="4" width="100%" class="module"><tr><th valign="top" align="left" class="module"><b>clikers</b></th></tr><tr><td valign="top" class="module">

<!-- Add your subscriptions here -->

<a href="www.xanga.com/private">private</a><br>
<a href="http://www.xanga.com/claf/default.asp">edit it</a> <br>
<a href="http://www.xanga.com/Private/SubscribeTo.aspx?user=o0babii">add</a> <br>
<a href="http://www.xanga.com/guestbook.asp?user=o0babii">questbook</a> <br>
<a href="http://www.xanga.com/logout.asp">loq outs</a> <br>


</td></tr></table><br>

<table border="1" cellspacing="0" cellpadding="4" width="100%" class="module"><tr><th valign="top" align="left" class="module"><b>bloqqers</b></th></tr><tr><td valign="top" class="module">

<!-- Add your blogrings here -->

<a href="http://www.xanga.com/blogrings/blogring.asp?id=145749">i'm short but that's ok</a> <br>
<a href="http://www.xanga.com/blogrings/blogring.asp?id=95848">*i lauqh at everythinq*</a> <br>
<a href="http://www.xanga.com/blogrings/blogring.asp?id=9198">b k z f a m</a> <br>
<a href="http://www.xanga.com/blogrings/blogring.asp?id=7544">nycz 718 azn xP</a> <br>
<a href="http://www.xanga.com/blogrings/blogring.asp?id=13957">utrecht heads</a> <br>
<a href="http://www.xanga.com/blogrings/blogring.asp?id=12731">i think i think too much</a> <br>
<a href="http://www.xanga.com/blogrings/blogring.asp?id=133399">pink is qanqstaa</a> <br>
<a href="http://www.xanga.com/blogrings/blogring.asp?id=282689">heartbroken </3</a> <br>


</td></tr></table><br>


<!-- Here's your CUSTOM MODULE.. copy and paste as needed -->
<table border="1" cellspacing="0" cellpadding="4" width="100%" class="module"><tr><th valign="top" align="left" class="module"></th></tr><tr><td valign="top" class="module">

you can <b>reminisce</b>
and wish*
you wasn't
livin so <i>devilish</i>


</td></tr></table><br>



</td><td width="500" valign="top" align="left">
<!-- end code provided by createblog.com -->

[Pulchritude]

well it must be your skin code if u are using one or your regular setting.. you probably set the sont color to the same as the backround color.. please paste your code here

[talcumpowder]

CODE

<style>textarea{backgroung-color: #FFFFFF}</style>

Change the background color.... -shrug- The only reason I can't see it is because my comp has the textareas set to bright green. Works fine in Mozilla.... But not so good in IE.