[résolu] Ca "float" pas comme il faut ;-/

Bonjour,

J'ai un petit problème dans le menu de mon site http://www.yazerty.net/ en haut, dans la zone où j'affiche le logo rss. J'aimerais que ce logo soit à gauche de cette zone et que les 2 <li> soient à droite, avec des petites flèches vertes devant ces <li>, comme c'est le cas actuellement (sous Firefox).

J'ai 2 problèmes :
les flèches n'apparaissent pas dans IE7.
j'aimerais faire un petit espace entre l'image et les <li>.

Je n'arrive absolument pas à m'en dépatouiller pour faire ces simples choses.

Mon code css est le suivant pour cette zone :

#sidebar ul { 
	margin: 0 0 15px 0;
}
#sidebar a:link, #sidebar a:visited { text-decoration: none; }
#sidebar a:hover { text-decoration: underline; }

.widget ul li {
	background: transparent url(images/sidebar_li.png) no-repeat 0px 5px;
	padding: 2px 0px 0px 10px;
}
.widget_search { padding: 0 0 20px 0; }

Mon code xhtml est :

<div id="sidebar">
<ul>


<li id="search" class="widget widget_search">
<h2>Recherche</h2>
<form method="get" id="searchform" action="http://www.yazerty.net/">
	<div>
		<input type="text" value="" name="s" id="searchinput" size="10" />
		<input type="submit" id="searchsubmit" value="Hop !" />
	</div>
</form>
</li>

<li id="syndicate" class="widget widget_syndicate"><h2>Hungry ? Feed RSS  [smile]</h2>
<p style="float:left;"><a type="application/rss+xml" href="http://www.yazerty.net/feed" title="Yazerty.Net : feed RSS des articles"><img src="/wordpress/wp-content/themes/yazerty/images/rss.jpg" alt="icône RSS" /></a></p>
<ul>
<li><a type="application/rss+xml" href="http://www.yazerty.net/feed" title="Yazerty.Net : feed RSS des articles">Suivez Yazerty.Net grâce au RSS  [smile]...</a></li>
<li><a href="http://fr.wikipedia.org/wiki/Really_Simple_Syndication">Qu'est-ce que le RSS ?</a></li>
</ul>
</li>

Pourriez-vous m'aider à résoudre ces petits problèmes de mise en forme s'il vous plait ?
Modifié par Yazerty (31 May 2007 - 08:08)