Salve a tutti, ho riscontrato un problemino nella creazione di una search box
cross-browser, su Chrome funziona tutto, idem per Firefox, ma sul caro vecchio
I.E. le cose sono sempre state viste come se interpretate da un tostapane..

Ecco il codice:

codice:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title> testing html/css web page </title>
<style type="text/css">

.back { width: 135px; height: 20px; background: url(Search.PNG);
float: right; }

.textbox { width: 103px; height: 14px; outline: none; background: none;
padding: 3px 0 3px 5px; border: none; }

.search { width: 12px; height: 12px; margin: 4px 5px; float: right;
cursor: pointer; background: none; border: none; }

</style>
</head>

<body bgColor="#aabbcc">
<form action="#">

<div class="back">

<input type="text" class="textbox" />

<button type="submit" class="search" />

</div>
</form>
</body>

</html>
Ovviamente ho cercato di non usare specifiche css che si vedessero solo su chrome
(come il caro border-radius che, tra l'altro, ancora molti usano), ma ho avuto comunque
diversi problemi di compatibilità. Provate il codice voi stessi e aiutatemi se potete =)