Problem hat sich erledigt, es lag nicht an den Scrollbalken, ehrlich gesagt, weiß ich nicht woran es lag.
Ich habe jetzt einige Tests durchgeführt und bin im Endeffekt darauf gekommen, dass es an Select Elementen gelegen hat.
Der folgende Code veranschaulicht das ganze:
Hier so wie es aussehen sollte:
<html>
<head>
<title>Testseite</title>
<style type="text/css">
<!--
*
{
margin:0;
}
/***** HEADER *****/
div.header
{
background:#8d2132;
width:100%;
height:35px;
color:#f9fbed;
font-size: 11px;
}
/***** BUTTON *****/
.logout_button{
position:absolute;
top:6px;
right:10px;
background:#8d2132;
color:white;
border:1px outset white;
margin-top:2px;
margin-right:2px;
font-family: verdana;
}
.logout_button:hover
{
cursor:pointer;
}
-->
</style>
</head>
<body>
<div class="header">
<input value="Abmelden" type="submit" class="logout_button">
</div>
</body>
</html>
Schreibt man jetzt ein <select> dazu, wird der Button, warum auch immer, größer:
<body>
<div class="header">
<input value="Abmelden" type="submit" class="logout_button">
</div>
<select><option>ha</option></select>
</body>
Vielleicht weiß ja wer warum!
Achja, ich benutze den aktuellsten FF.
MfG Emanuel