[css] Problems opening on IE6

programming web dev
1

Hi!

I’ve been working on a blog site. The page works great on almost every thing I had tested (FireFox, Sea Monkey, Camino, Bon Echo, Opera, Konkeror, Nautilus, etc… even IE7). But when it comes to IE6 I have a problem.

Te article sections works fine for the first one. But if I put more posts in the same page The text will start growing to the sides with each post. So when it reaches the 10th post, the text will be completely out of the article area.

I drew the borders trying to find out who was messing up, but the borders keep it’s place always. But the text is still going crazy.

CSS code validation seems all right, but this MS thing is troublesome as always…

Well, here I put my article code structure. If some one ask, I’ll publish the CSS code tomorrow.

[FONT=Courier New][SIZE=2][COLOR=DarkSlateBlue] <div class=“article”>
<div class=“generaltitle”>
<div class=“title”>
<h3> <a href="//linux/">Linux</a>: News title </h3>
</div>
</div>
<div class=“details”>
<b>Posted by <a href=“persons.pl?id=6”>PanPan</a>
on Thursday April 27, @07:22PM</b><br>
</div>
<div class=“body”>
<div class=“topic”>
<a href=“search.pl?tid=129”>
<img src=“imgs/topictv.gif” alt=“Television” title=“Television” height=“50” width=“50”>
</a>
</div>
<div class=“intro”>
Wedge writes <i>Here comes the message</i>
</div>
<p></p>
</div></div>
<div id=“tagbox-06:04:20:22248” class=“tags”>
<!-- here comes some java script stuff -->
</div>

</div><div class=“links”>
<div>
(
<ul>

     &lt;li class="more"&gt;
       &lt;a href="http://linux/article.pl?sid=06/04/20/22248"&gt;&lt;b&gt;Read More...&lt;/b&gt;&lt;/a&gt;
     &lt;/li&gt;
   &lt;li class="comments"&gt;

<a href=“http://linux/article.pl?sid=06/04/20/22248&threshold=1”>60</a> of <a href=“http://linux/article.pl?sid=06/04/20/22248&threshold=-1”>99</a> comments
</li>
<li class=“section”><a href="//linux/">linux</a></li>
</ul>
</div>[/COLOR][/SIZE][/FONT]