IE VS FireFox endnu engang.

Det kunne være jeg skulle smide lidt kode ved:
<div class="divMain">
       
        <div class="divTopbanner"></div>
        <div class="divBreadCrumb"></div>
        <div class="divLeftMenuOuter">
            <div class="divLeftMenuInner">
                <div class="MenuOverskrift">Menu:</div>
               
                <br />
                <div class="MenuBund"><asp:Image runat="server" ID="imgBundMenu" ImageUrl="~/Images/MenuBund.jpg" BorderWidth="1px" Width="125px" AlternateText="MenuBund"/></div>
                <br />
               
            </div>
        </div>
       
        <div class="MainContent">
            <asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">
            </asp:ContentPlaceHolder>
        </div>

CSS:
.MenuOverskrift
{
    width:100%;
    background-color:#669900;
    height:40px;
    font-size:22px;
    color:White;
    text-align:center;
    padding-top:10px;
}
.MenuPunkt
{
    width:120px;
    height:30px;
    font-size:16px;
    text-align:left;
    color:#669900;
    position:relative;
    float:left;
    padding-top: 10px;
}
.MenuPunktGrafik
{
    height:40px;
    background-image:url(Images/berner_thumbSmall.gif);
    background-repeat:no-repeat;
    width:75px;
    position:relative;
    float:left;
    background-position:center;
}
.MenuBund
{
    width:100%;
    text-align:center;
}
div.MainContent
{
    border:solid 1px black;
    width:650px;
    height:590px;
    padding: 10px 10px 0px 10px;
}

.divMain
{
    width: 950px;
    height:auto;
    margin: 0px auto auto auto;
    background-color:White;
}
.divTopbanner
{
    width:auto;
    height:150px;
    background-image:url(Images/BannerNy.jpg);
    border-bottom: solid 1px black;
}
.divBreadCrumb
{
    width:auto;
    height:30px;
}
.divLeftMenuOuter
{
    width:230px;
    height:auto;
    padding-left: 10px;
    padding-bottom: 10px;
    position:relative;
    float:left;
}
.divLeftMenuInner
{
    width:200px;
    height:600px;
    border-color:Black;
    border-style:solid;
    border-width:1px;
}
div.Footer
{
    width:950px;
    background-color:#669900;
    height:30px;
    color:White;
    text-align:center;
    padding-top:6px;
}

de ting du skal holde øje med når du vil cross-browse er bl.a. dine padding, margin, border og floatings... eftersom de to browsere har det med at vise det forskelligt. typisk noget med at borders bliver lagt til i IE og i FF bliver de trukker fra den width som div/tabellen nu har.

Du kan starte med at se hvilket element det er der fejler og derefter lige så stille sidde og rette stylen (css) til for det element.

At du kan validere din side har aldrig haft noget at gøre med at den bliver vist ens... desværre...

for mig det det ud som om at FF ikke kan finde ud af at sætte divs efter hinanden? Kan det have noget med mine float:left at gøre?

Eller prøv at angiv det i procent...altså dine div. Procent er ens for begge browser!
Det er ellers nogle fine hunde...;o)

Vedr. border, padding og margin.
Prøv at sætte padding og border til 0 og så bruge border til at bestemme afstanden til andre blok-elementer. Border tolkes svjv. ens i de to browsere, hvis border og padding er sat til 0.

Vedr. tabeller.
Du bruger en tabel til visning af menuen. Har du overvejet at anvende bullets i stedet? Det er designmæssigt fordelagtigt, og du sparer en del HTML-snask. Desuden bør man kun anvende tabeller til det tabeller er beregent til: at præsentere tabelbaserede data ;-)