Firefox vs IE probleem met ruimte boven de titel

[MabadosS]

Hoi.

Een klein lay-out probleempje tussen firefox (ook chrome) en Internet explorer.

Zoals je kunt zien op www.jma-allegro.be/beta staat de titel (welkom) bovenaan gealinieerd, maar wordt er bij firefox een redelijk grote ruimte tussen het menu en de titel gelaten.

Ik heb al verschillende dingen uitgeprobeerd, maar het lijkt me niet te lukken om ook in firefox de titel bovenaan te krijgen.

Wie kan helpen?

Hieronder de volledige css code, broncode kun je opvragen via bovenstaande link.
De css code die betrekking heeft op de home vind je in het blokje /* Opmaak home */

/* opmaak algemeen */
body
{
  font-size:10pt;
  font-family:Arial, FreeSans, sans-serif;
  color:#000000;
  text-align: left;
  background-color:#000000;
}
table
{
  font-size:10pt;
  font-family:Arial, FreeSans, sans-serif;
  color:#000000;
  text-align: left;
}
.titel
{
  font-size:20pt;
  font-family:Arial;
  font-weight:bold;
  text-align:left;
}
 
.mini
{
  font-size:8pt;
}
.ondertitel
{
  font-size:15pt;
}
a:link
{
  color:#000000;
}
a:visited
{
  color:#000000;
}
a:hover
{
  color:#800000;
}
a:active
{
  color:#000000;
}
/* Opmaak hoofdontwerp */
 
.menutabel {
 border-collapse: collapse;
 height:270px;
 width:100%;
 border:0px;
 padding:0px;
}
.inhoudtabel {
 border-collapse: collapse;
 width:879px;
 border:0px;
 padding:0px;
}
.div_centreer_site {
 width: 100%;
}
.div_hoofd {
 background-image: url(hoofd.png);
 background-repeat: no-repeat;
 height: 270px;
 width: 879px;
}
.div_midden {
 background-image: url(midden.png);
 width: 879px;
}
.div_onder {
 background-image: url(onder.png);
 background-repeat: no-repeat;
 height: 30px;
 width: 879px;
}
.centreer {
    text-align: center;
}
.menu
{
  font-size:15pt;
  font-family:tahoma, luxi-sans, FreeSans, luxi sans, sans-serif;
  text-align:left;
  color:#ffffff;
}
.menu a:link
{
  color:#ffffff;
  text-decoration:none;
}
.menu a:visited
{
  color:#ffffff;
  text-decoration:none;
}
.menu a:hover
{
  color:#ffffff;
  text-decoration:underline;
}
.menu a:active
{
  color:#c91111;
  text-decoration:none;
}
/* Opmaak home */
.snelnieuws {
 border-collapse: collapse;
 width:328px;
 border:0px;
 padding:0px;
}
.snelnieuws_positie {
 float: right; 
 width: 328px;
}
.snelnieuws_hoofd {
 background-image: url(snelnieuws_hoofd.gif);
 background-repeat: no-repeat;
 height:53px;
 width:328px;
 float: right;
}
.snelnieuws_midden {
 background-image: url(snelnieuws_midden.gif);
 width:328px;
 float: right;
}
.snelnieuws_onder {
 background-image: url(snelnieuws_onder.gif);
 background-repeat: no-repeat;
 height:30px;
 width:328px;
 float: right;
}
.snelnieuws_frametabel {
 border-collapse: collapse;
 width:100%;
 border:0px;
 padding:0px;
}
.wrapper 
{
 width:879px;
}
.content 
{
 float:left;
}

Alvast bedankt voor de hulp.

[MabadosS]

Nog even 2 screenshots ter verduidelijking:

http://www.jave.be/opslag/firefox.png

http://www.jave.be/opslag/ie.png

[ultddave]

En als je;
.titel
{
font-size:20pt;
font-family:Arial;
font-weight:bold;
text-align:left;
}

Aanpast zodat het dit wordt:

.titel
{
font-size:20pt;
font-family:Arial;
font-weight:bold;
text-align:left;
display: inline;
padding-top: 0px;
margin-top: 0px;
}

PS: Heb je dat getest in IE7? Want in IE8 zit er ook evenveel spatie tussen, als bij FireFox.

Mvg,
Dave

[MabadosS]

En als je;
.titel
{
font-size:20pt;
font-family:Arial;
font-weight:bold;
text-align:left;
}

Aanpast zodat het dit wordt:

.titel
{
font-size:20pt;
font-family:Arial;
font-weight:bold;
text-align:left;
display: inline;
padding-top: 0px;
margin-top: 0px;
}

PS: Heb je dat getest in IE7? Want in IE8 zit er ook evenveel spatie tussen, als bij FireFox.

Mvg,
Dave

Bedankt.

Het probleem was inderdaad dat de titel margin 0 moest krijgen.

Was getest in ie8 en firefox.
Bij mij gaf ie8 het juist aan zonder de ruimte.

[Sille]

wat ook nen tip kan zijn is dat je nen reset inbouwt in uw css e