FF and IE 6.0 different resultS????

[robert_gsfame]

i really confuse with this, i have attached the code below

 

* { margin:0; padding:0; }

 

#demo {

border:solid;

width:300px;

font-family:Verdana,Arial,Sans-Serif;

font-size:12px;

}

 

#demo a { text-decoration:none; }

#demo img { border: 2px solid #FFFFFF; }

 

.news { width:200px; }

.news ul li{ list-style:none;}

.news .thumbnail { float:left; width:110px; }

.news .info span.cat { display: block; padding-top:0px; margin-top:0px;    font-size:10px; color:#808080; }

 

.clear { clear: both; padding-top:5px; padding-bottom:5px;}

 

 

Below is my html code:

<table><tr><td>

<div id="demo">   

 

    <div class="news">

<ul>

            <li>

 

<div class="info">

               

<a href="test1.html">Test1</a>

 

<span class="cat">Category: test1</span>

</div>

<div class="clear"></div>

</li>

 

            <li>

 

<div class="info">

<a href="test2.htm">test2</a>

<span class="cat">Category: test2</span>

</div>

<div class="clear"></div>

</li>

            <li>

<div class="info">

<a href="test3.htm">Test3</a>

<span class="cat">Category: test3</span>

</div>

<div class="clear"></div>

</li>

 

 

        </ul>

    </div>

 

   

</div></td><td>

    <div id="demo"><div class="news">

<ul>

            <li>

 

<div class="info">

               

<a href="test1.html">Test1</a>

 

<span class="cat">Category: test1</span>

</div>

<div class="clear"></div>

</li>

 

            <li>

 

<div class="info">

<a href="test2.htm">test2</a>

<span class="cat">Category: test2</span>

</div>

<div class="clear"></div>

</li>

            <li>

<div class="info">

<a href="test3.htm">Test3</a>

<span class="cat">Category: test3</span>

</div>

<div class="clear"></div>

</li>

 

 

        </ul>

    </div>

 

   

</div></td></tr><table>

 

I create two columns with the same css style and text but the problem is that when i run it on my IE browser, all the text in the first column goes down and not located exactly next to the second column....

 

Thx

[robert_gsfame]

okay got it!!! valign="" solve everything

 

[JonnoTheDev]

css

vertical-align: top;