light: CSS border-style:solid / none verändert darstellung

Beitrag lesen

Hallo Liebes SELFHTML-Forums-Team,

mir ist eben beim arbeiten ein merkwürdiges Verhalten der Div-Element Darstellung im Fx aufgefallen:

Ich habe zwei in einander Verschachtelte Div Elemente.
beiden sind über css formatiert.
im Elternelement ist ein rahmen gesetzt 1px und solid.
wenn ich jetzt das solid in none verändere verrutscht irgendwie das innere Element un das Hintergrundbild des Äußeren.

Habt ihr eine Idee wo ran das liegen könnte?
oder steh ich grad nur aufm schlauch und übersehe was?

  
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"  
        "http://www.w3.org/TR/html4/strict.dtd">  
<html>  
<head>  
 <meta name="copyright" content="e:cue, 2008">  
 <meta http-equiv="content-language" content="de">  
 <meta name="author" content="e:cue">  
 <title>e:cue - lighting control</title>  
  
  
 <style type="text/css">
  
 body  
 {  
  font-family: Verana,Arial,Helvetica,sans-serif;  
  font-size: 62.5%; /* Resets 1em to 10px */  
  line-height:120%;  
  background-color: rgb(218,218,218);  
  margin: 0px;  
  padding: 0px;  
 }  
  
 .newbutton  
 {  
  background-image: url(button_200x64_blank_dark.png);  
  background-repeat: no-repeat;  
  width:   222px;  
  height:   86px;  
  cursor:   pointer;  
  margin:   0px;  
  padding:  0px;  
  border-color: rgb(255,0,0);  
  border-width: 1px;  
  border-style: none;  
 }  
  
 .newtext  
 {  
  color:   rgb(200,200,200);  
  font-size:  20px;  
  text-align:  center;  
  margin-top:   33px;  
  margin-bottom:  0px;  
  margin-left:  0px;  
  margin-right:  0px;  
  border-color: rgb(0,255,0);  
  border-width: 1px;  
  border-style: solid;  
 }
  
 </style>  
  
</head>  
<body>  
 <div class="newbutton" onmousedown="GotoCue('rgbDrops','reddrops');">  
  <div class="newtext">Red</div>  
 </div>  
</body>  
</html>  

Leuchtende Grüße

Stefan