kann das mal bitte jmd. kontrolieren bzw. verbessern

  • hallo ich hab hier einen code:

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <title>Kreuz & Quer</title>
    <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
    <style type="text/css">
    body { margin-left:10%; }
    a {
    font-weight: bold;
    line-height: 90%;
    width:15%;
    text-align: center;
    text-decoration: none;
    display: block;
    margin: 2%; }

    a:link {
    color:#000000; }
    a:visited {
    color:#000000; }
    a:hover {
    background-color:#ff0; }
    a:active {
    background-color:#FFFF00; }
    a:focus {
    background-color:#FFFF00; }

    html,body {
    height: 90%;
    }

    div{
    float: left;
    margin-top:15%;
    padding: 5%;
    }
    </style>
    <base target="haupt">
    </head>
    <body text="#009F00" bgcolor="#EBD8B4">


    <div align="left">

    aktuell


    band


    konzerte


    galerie


    audio


    diskographie


    presse


    kontakt


    gästebuch

    </div>


    <iframe name="haupt" src="aktuell.html" frameborder="1" scrolling="auto" width="60%" height="70%" >

    </iframe>


    </body>
    </html>


    Kann mir jmd. machen das das beim IE sowohl firefox usw. gleich aussieht und unterschiedlichen auslösungen (oder lieber fest?).
    also der iframe soll in der mitte des fensters sein. vor allem hab ich ein problem mit der umrandung der links (kann zwar auf IE oder firefox so aussehen lassen wie ich will, aber nicht auf beiden zusammen) so wie es jetzt ist ist die umrandung auf dem firefox nur 15% aber auf dem IE 100%. weiterhin verschiebt sich die navi-leiste wenn ich auf einen der links klick, was ich mir gar nicht werklären kann...

    also ich hoffe auf hilfe.
    vielen dank im voraus!!
    mfg