Autor Zpráva
MareX
Profil *
Zdravím, lidičky.
Už asi 3 hodiny se trápím s jednou věcí. Mám takový CSS:
body {
	font-family: Verdana;
  font-size: 12px;
  background-color: rgb(20,20,20);
  color: rgb(78,78,78); 
} 

.mainPage {
	width: 999px;
	margin-left: auto;
	margin-right: auto;
}

.logo {
	width: 999px;
	margin-bottom: -2px;
}

.mainMenu {
	height: 26px;
	background: transparent url('img/menu.gif') left top no-repeat;
	padding-top: 1px;
}
div.topBanner {
  height: 90px;
  padding: 1px 0px 0px 0px;
  border: 1px solid rgb(50,50,50);
  border-width: 0px 1px;
}
.subMenu {
  height: 13px;
  background: transparent url('img/podmenu.gif') center top no-repeat;
}
.panel1 {
  height: 17px;
  background: transparent url('img/panel.gif') center top no-repeat;
}
td.tdMainMenu {
  /*border: 1px solid rgb(255,255,255);*/
}
td.tdMainMenu a {
  display: block;
  background: transparent none;
  text-decoration: none;
}
td.tdMainMenu a:hover {
  display: block;
  background: transparent url('img/menu-select.gif') center top repeat-x;
}


A takové HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Strict//EN">
<html>
  <head>
  <meta http-equiv="content-type" content="text/html; charset=utf-8">
  <meta http-equiv="content-language" content="cs">
  <meta name="generator" content="PSPad editor, www.pspad.com">;
  <link rel="stylesheet" href="style.css" type="text/css">
  <title>Spojka wow server</title>
  </head>
  <body>
    <center>
      <div class="mainPage">
        <div class="logo">
          <img src="img/header.gif" alt="wow server" border="0" style="margin: 0px;">
        </div>
        <div class="mainMenu">
          <table cellspacing="1" cellpadding="0" align="center">
            <tr>
              <td>&nbsp;</td>
              <td class="tdMainMenu" width="66">
                <a href="#">&nbsp;</a>
              </td>
              <td class="tdMainMenu" width="48">
                <a href="#">&nbsp;</a>
              </td>
              <td class="tdMainMenu" width="53">
                <a href="#">&nbsp;</a>
              </td>
              <td class="tdMainMenu" width="64">
                <a href="#">&nbsp;</a>
              </td>
              <td class="tdMainMenu" width="84">
                <a href="#">&nbsp;</a>
              </td>
              <td class="tdMainMenu" width="50">
                <a href="#">&nbsp;</a>
              </td>
              <td class="tdMainMenu" width="78">
                <a href="#">&nbsp;</a>
              </td>
              <td class="tdMainMenu" width="59">
                <a href="#">&nbsp;</a>
              </td>
              <td class="tdMainMenu" width="65">
                <a href="#">&nbsp;</a>
              </td>
              <td class="tdMainMenu" width="99">
                <a href="#">&nbsp;</a>
              </td>
              <td>&nbsp;</td>
            </tr>
          </table>
        </div
        <div class="topBanner">
          <div class="subMenu">
          &nbsp;
          </div>
        </div>
        <div class="panel1">
        
        </div>
      </div>
    </center>
  </body>
</html>


Zde je prozatímní výsledek: http://esuba.marextafl.cz

Ve FF je všechno v pořádku, ale v IE a Opeře mi nebere ohled na zadanou výšku div.topBanner a u toho samého elementu nevykresluje border.

Může mi někdo, prosím, vysvětlit, co mám špatně? Já už jsem z toho fakt docela na nervy, protože ve stylu a ani v HTML nic špatného nevidím :(

Předem díky!

Vaše odpověď

Mohlo by se hodit

Nezapomeňte na odkaz na živou ukázku problému.

Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: