[Resolvido] <li> + <ul> + ie nao deu certo

[Thiago Guimarães 0]

Olá gente,

 

Estou com um problema, e não sei por que esta acontecendo isso.

 

Estou fazendo um blog (blogger) para um trabalho escolar, mas ja trabalho com blogger a um tempo, e tenho alguns macetes.

 

No footer coloquei isso:

 

Imagem no Firefox:

 

 

Imagem no Internet Explorer:

 

 

Usando um codigo simles:

 

<!-- Start Flickr Photostream -->
<div class='widget_flickrrss'>
<h2 class='TabLink'>Expediente</h2>

<ul>
<li><b>Dauana Rita de A. Souza</b> - Responsável pela pesquisa e síntese</li><li><b>Larissa A. Ramalho</b> - Responsável pela pesquisa e síntese</li><li><b>Thiago Guimarães</b> - Responsável pelo designer e síntese</li><li/>
</ul>
</div>

Alguem pode me ajudar, como arrumar isso no Internet Explorer, para ficar um embaixo do outro. ja tentei de tudo, até

<br />

.

 

Obrigado a todos

[Thiago Guimarães 0]

Olá,

 

Muito obrigado cara, o clear: left resolveu a quebra de linha.

 

No Firefox continuou normal, e no IE quebrou a linha, mas veja como ficou:

 

 

O código do footer é esse:

 

/* Footer ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++++++++++++++++++ */
.FBG { width: 1000px; margin: 0 auto; padding:0;}

.FBG .widget_flickrrss { margin:0; padding: 0px; background:url(http://1.bp.blogspot.com/_qTWVg4q5lCo/SOrGYGH0axI/AAAAAAAAB0M/ddjIzqc1pHY/s1600/f_bg.jpg) no-repeat; height: 200px;}
.FBG .widget_flickrrss h2 { color:#81292e; font:normal 24px Tahoma, Arial; padding: 18px 0 18px 380px; margin:0; color:#eeede5;}
.FBG .widget_flickrrss ul { margin: 0px; padding: 0 0 15px 380px;}
.FBG .widget_flickrrss li { list-style-type: none; display: inline; padding: 1px; float: left; clear: left; padding: 3px;}
.FBG .widget_flickrrss li a img { background: #fff; padding: 0; border: solid 1px #cebea9; width: 43px; height: 43px;}
.FBG .widget_flickrrss li a:visited img { background: #fff; padding: 0; border: solid 1px #cebea9; width: 43px; height: 43px;}
.FBG .widget_flickrrss li a:hover img { background: #660000; padding: 0; border: solid 1px #660000;}

.Footer { width: 1000px; margin: 0 auto; padding: 10px 0; text-align: center;}
.Footer p { font-size: 10px; line-height: 15px; color:#76715e; padding: 0px; margin: 0px; font-family: 'Verdana'; }
.Footer a { color:#76715e; text-decoration: underline;}

Tem como resolver? Obrigado

[Thiago Guimarães 0]

TODOS OS PROBLEMAS RESOLVIDOS