Hey all,

Stupidly but stubbornly I always make my webpages in IE first and then make them work in FF after. Well I'm at that stage now . On the bottom of the right column I have some text and then which takes up the left side of a box and then I have a MSN weather applet which goes on the right side of the box. In IE it looks fine, both line up fine and stay within the box. In FF though the weather applet has a whole bunch of space above it and it is pushed down and goes out of the box. What am I doing wrong?

PHP Code:

PHP Code:

       <div id="rightBot">
    <div id="rightBotNews">
                Random Stuff
    </div>
    <div id="rightBotWeather">
    <?php
    include_once('magpierss/rss_fetch.inc');

    $feed = 'http://weather.msn.com/RSS.aspx?wealocations=wc:8682740&weadegreetype=C';
    $rss = fetch_rss($feed);
$count=0;
    foreach ($rss->items as $item ) {
    if ($count==0) {
        $title = $item['title'];
        $desc = $item['description'];
        $desc=explode("Winds",$desc);
        echo $desc[0];
    }
 $count+=1;
    }
    echo '<span id="rightBotWeatherDisc"><br />Times and weather from Koidu, Sierra Leone. <a href="http://weather.msn.com">Powered by MSN.</a></span>';
    ?>
    </div>
    </div>

The related CSS:

/* RIGHT CONTENT */
#rightTop {
margin-top:10px;
border: 1px dashed gray;
width:100%;
background:#2E5AFF;
color:white;
height:230px;
}
#rightMid {
padding-top:5px;
margin-top:10px;
border: 1px dashed gray;
width:99%;
height:87px;
}
#rssImg
{
margin-top:4px;
}
#rightBot {
margin-top:10px;
border: 1px dashed gray;
width:100%;
height:170px;
}
#rightBot ul {
  margin-top:0;
  margin-left:20px;
}

#rightBotNews {
float:left;
margin-left:5px;
margin-top:5px;
width:47%;
}

#rightBotWeather {
margin-top:5px;
margin-right: 5px;
margin-left:5px;
width: 47%;
float:right;
}
#rightBotWeatherDisc {
font-size: 0.8em;
}

Do you have the page on line somewhere ? I can't do a thing with PHP code!