CSS Float List Problemer i FireFox/IE

[Julepils]

Heihei diskusjon.no!

 

Har prøvt å søke litt på sidene her men finner ikke noe som er helt likt eller hjelper meg helt.

Men her er hvertfal problemet:

 

 

Bilde fra Internet Explorer

 

 

Bilde fra FireFox

 

 

HTML Kode:

<ul id="portfoliolist"><li>
<h4>Web/Flash</h4>
<ul id="portfoliolist">
<li><a href="portfolio/julepilsdotcom-stor.jpg" rel="lytebox"><img src="portfolio/julepilsdotcom-liten.jpg" width="100" height="100" alt="" class="portfoliobox"></a><p class="portfoliotext">Texttext text</p></li>
<li><a href="portfolio/spiderweb.jpg" rel="lytebox"><img src="portfolio/spiderweb.jpg" width="100" height="100" alt="" class="portfoliobox"></a><p class="portfoliobox">Texttext text</p></li>
</ul>
</li></ul>

 

CSS Kode:

#portfoliolist { 
overflow: hidden; /* For FF, Safari, Opera, etc */
width: 100%; /* For IE5, IE5.5, IE6, IE7 */
}
#portfoliolist ul { list-style: none; }
#portfoliolist li { width:100%; }
img.portfoliobox {
float: left;
width: 100px;
margin: 10px;
padding: 6px;
border: 1px solid black;
background: #FFFFFF;
clear: left; 
}
p.portfoliotext {
font: 10px verdana;
padding-top: 10px;
}
h4 { 
font: 10px Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
text-align: left;
padding-left: 10px;
padding-bottom: 5px;
clear: left;
}

 

 

Problemet er jo ganske lett å se, så hvis noen har anelse om hvordan jeg kan få ordnet dette please tell!

 

Mvh, Julepils.

[lassejl]

Kanskje denne kan hjelpe deg?

 

Trykk