Ho un problema con il template del mio blog: si vede ottimamente con IE, mentre presenta molte imperfezioni visualizzandolo con gli altri sistemi operativi gratuiti. Alcune modifiche sono riuscito ad apportarle, ma in altre l'aggiustamento in uno causa il peggioramento nell'altro. In particolare con riesco ad aumentare la distanza tra il titolo ed il contenuto del widget nella barra laterale:

/* ---( sidebar )--- */
.sidebar h2 { margin-top:0px; padding: 0px 0 0 0px; font: $sidebarheaderfont; color: $sidebarcolor; height: 0px; height: 0px !important; /* for most browsers */ height /**/:57px; /* for IE5/Win */ }
.sidebar .widget { margin: 0; padding: 0 0 0px 0px; }
.sidebar a {color: $sidebarlink; text-decoration: none;}
.sidebar a:hover {color: $sidebarhover; }
.sidebar li { }
.profile-textblock { clear: both; margin-left: 0;}
.profile-img { float: right; margin: 0 5px 5px 0; border: 1px solid #ddd; padding: 4px;}

né riesco ad accorciare il rettangolo di questo widget di Goolge cHe in IE si vede benissimo:

<!-- Use of this code assumes agreement with the Google Custom Search Terms of Service. -->
<!-- The terms of service are available at /coop/docs/cse/tos.html -->
<form id="searchbox_demo" action="http://www.google.com/cse" target="_blank" name="cse">
<input value="" name="cref" type="hidden"/>
<input name="q" size="24" type="text"/>
<input value="Cerca" name="sa" type="submit"/>
</form>
<script src="http://www.google.com/cse/tools/onthefly?form=searchbox_demo" type="text/javascript"></script>

Potreste aiutarmi? L'indirizzo del blog è http://spazioprivato.blogspot.com/