FF & IE

[LloydFarrell]

Hi All, I have found the following css rules on the web.... And whilst they look great in FF, nothing is being displayed in IE

Can someone help me out so I can at least see the boxes in IE

input, textarea {
	font-size: 0.8em;
	width: 265px;
	border: none;
	background: #fff;
	-webkit-box-shadow: inset 0 0 2px #000, 0 0 2px #eee, inset 0 0 4px #999;
	-moz-box-shadow: inset 0 0 2px #000, 0 0 2px #eee, inset 0 0 4px #999;
	box-shadow: inset 0 0 2px #000, 0 0 2px #eee, inset 0 0 4px #999;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	color: #333;
	padding: 0.5em 0.5em  0.5em 30px;
	margin: 0.3em 0;
}

[Kraai]

Can you post the html part also?

[LloydFarrell]

Here is some html from the form im trying to make

<tr>
    <td width="9">&nbsp;</td>
    <td width="142" valign="top"><div align="right" class="p"> <img src="img/arrow.png" width="16" height="16" hspace="2" vspace="2" align="right" />Experience / Qualifications&nbsp;&nbsp;</div></td>
    <td width="346"><div class="ta">
    <textarea name="description" cols="60" rows="5" class="ta" id="description"/><?php echo $description; ?></textarea><div class="smalltext">Add your qualifications and expeirence</div><?php echo $msg_description; ?><?php echo $msg_invaliddescription; ?>
      </div></td>
    <td width="13">&nbsp;</td>
  </tr>

[floatingDivs]

Well, I'm guessing you see the actual data in all browsers, but you don't see a BORDER in IE, correct? If so, that's fairly obvious. You've set "border" to "none", but used browser-specific CSS to create rounded corners for Safari/Chrome and Firefox browsers.

Set "border" to "1px solid #000" and see if that helps.

[Kraai]

floatingDivs is correct! To ad to his post, I think that IE does not read rounded corners, and once you see the borders in IE, they will not be rounded.

[LloydFarrell]

@ Kraai -

Many thanks for helping with this -
I can now see the boxes in IE.. :)