Hallo zusammen,

Ich habe ein Problem bei meiner Seite.

Wenn ich die Dropdown-Box(form) öffne, entstehen Grafikfehler (Hintergrundfarbe wird an einigen Stellen weiss), wie auf folgendem Bild ersichtlich:

Fehler

Wenn ich die Seite neu lade (F5) wird sie wieder korrekt angezeigt:

kein Fehler

In Firefox und Opera entstehen die Fehler nicht.


Hat jemand vielleicht eine Ahnung woran das liegen könnte?

Danke im Voraus
Gruss,
Marco

Der Code:

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http&#58;//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http&#58;//www.w3.org/1999/xhtml">
<head>
<meta name="description" content="BLA" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<title>alfa</title>
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
<link rel="stylesheet" href="style.css" type="text/css" />
</head>
<body>
<div id="mWindows">
<div class="Title">BLA</div>
<div id="mainDiv">
 <form id="mainForm" method="post" action="">

  <div class="fFed">System&#58;
</div>
  

<select name="pSystem" onchange="this.form.submit&#40;&#41;;">
   <option>Select...</option>
   <option>asdf</option>
   <option>eeee</option>
   <option>ldks</option>
   <option>ldks</option>
   <option>ldks</option>
   <option>ldks</option>
   <option>ldks</option>
   <option>ldks</option>
   <option>ldks</option>
   <option>ldks</option>
   <option>ldks</option>
   <option>ldks</option>
   <option>ldks</option>
   <option>ldks</option>
   <option>ldks</option>
   <option>ldks</option>
   <option>ldks</option>
   <option>ldks</option>
   <option>ldks</option>
   <option>ldks</option>
   <option>ldks</option>
   <option>ldks</option>
   <option>hmmm</option>
   <option>test1</option>
  </select></p>
  <div class="fFed">Service&#58;
</div>
  

<select name="pService" onchange="this.form.submit&#40;&#41;;">
   <option>Select...</option>
   <option>alfa</option>
   <option>ldks</option>
   <option>ldks</option>
   <option>ldks</option>
   <option>ldks</option>
   <option>ldks</option>
   <option>ldks</option>
   <option>ldks</option>
   <option>ldks</option>
   <option>ldks</option>
   <option>ldks</option>
   <option>ldks</option>
   <option>ldks</option>
   <option>ldks</option>
   <option>ldks</option>
   <option>ldks</option>
   <option>ldks</option>
   <option>ldks</option>
   <option>ldks</option>
   <option>ldks</option>
   <option>ldks</option>
   <option>ldks</option>
   <option>ldks</option>
   <option>ldks</option>
   <option>beta</option>
   <option>gamma</option>
   <option>delta</option>
  </select></p>

  <div class="fFed">Host&#58;
</div>
  

<select name="pHostname&#91;&#93;" size="6" multiple="multiple" onchange="this.form.submit&#40;&#41;;">
  <option></option>
  </select></p>
  <div class="fFed">Action&#58;
</div>
  

<select name="pAction&#91;&#93;" size="6" onchange="this.form.submit&#40;&#41;;">
  <option></option>
  </select></p>

 </form>
 <div>
</div>
</div>
</div>
</body>
</html>
CSS:
Code:
/***************************************
test
 ***************************************/


/**************
 HTML
 **************/

html &#123;
 min-height&#58; 100.05%;
&#125;

/*************
 BODY
 *************/

body &#123;
 position&#58;relative;
 font&#58; normal 100.01% verdana, Arial, sans-serif;
 /*font-family&#58; verdana, arial, serif;*/
 font-size&#58; 12px;
 text-align&#58;center;
 margin&#58;0px;
 padding-top&#58;15px;
 padding-bottom&#58;5px;
 padding-left&#58;0px;
 padding-right&#58;0px;
 line-height&#58; 20px;
 background-color&#58;#FFFFFF;
 color&#58;#000000;
&#125;

#mWindows &#123;
 margin&#58; 10px auto;
 width&#58;800px;
 position&#58;relative;
 text-align&#58; left;
&#125;

#iWindows &#123;
 margin&#58; 5px auto;
 width&#58;320px;
 position&#58;relative
 line-height&#58; 5px;
&#125;

#mainDiv &#123;
 margin-top&#58;10px;
 width&#58;400px;
 height&#58;560px;
 float&#58;left;
 padding&#58;10px;
 border-width&#58;2px;
 border-style&#58;solid;
 border-color&#58;silver;
 overflow&#58;hidden;
&#125;


#mainForm &#123;
 background-color&#58;#9191FF;
 color &#58; #000000;
 padding&#58;10px;
 line-height&#58;14pt;
&#125;



/**********
 Title
 **********/

.Title &#123;
 position&#58;relative;
 line-height&#58; 1.0em;
 vertical-align&#58; middle;
 margin-top&#58;10px;
 font-style&#58;italic;
 font-size&#58;2.5em;
 text-align&#58;center;
 padding&#58;10px;
 border-width&#58;2px;
 border-style&#58;solid;
 border-color&#58;silver;
 background-color&#58;#FFC080;
 color &#58; #000000;
&#125;


/***************
 Bold
 ***************/

.fFed &#123;
 font-style&#58;italic;
 text-align&#58;left;
 font-weight&#58;bold;
&#125;

/******************
 Hide elements
 ******************/

.hiddenSelect &#123;
 overflow&#58;hidden;
 visibility&#58;hidden;
&#125;
Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!