mual: Problem mit CSS unter Mozilla

Beitrag lesen

Hallo leute,
kann mir jemand sagen, warum diese CSS datei nicht unter Mozilla funkz.
Diese Datei funkz unter IE ohne Problem aber wenn ich mit Mozilla arbeite, dann funkz sie gar nicht.
 ~~~css <?php

function getSize() {
      return $_GET['size'];
}

 function getFontSize() {  

return $_GET['fontsize'];
}

?>

table {
width: <?php echo getSize(); ?>;
}

body {
background-color: #999999;
font-size:<?php echo getFontSize(); ?>;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

img {
height: <?php echo getSize(); ?>;
width: <?php echo getSize(); ?>;
}

#outer {

height: 180px;  
  
background-color:#999999;  
margin-top: 50px;  
margin-bottom: 50px;  
margin-left: auto;  
margin-right: auto;  
padding: 0px;	  
overflow: auto;  

}

#divFollow img{
filter:alpha(opacity=60);
}

#outerouter {
overflow: hidden;

width: 500px;  
height: 300px;  

}

#topnav {
width: 80%;
height: 100%;
background-color:#999999;
margin-top: 20px;
margin-bottom: 0px;
margin-left: auto;
margin-right: auto;
padding: 0px;
}

#search  {
width: 80%;
margin-top: 50px;
margin-bottom: 50px;
margin-left: auto;
margin-right: auto;
padding: 0px;
}

#nav  {
width: 80%;
margin-top: 50px;
margin-bottom: 50px;
margin-left: auto;
margin-right: auto;
padding: 0px;
}

#einstellungen  {
width: 90%;
margin-top: 50px;
margin-bottom: 50px;
margin-left: auto;
margin-right: auto;
padding: 0px;
}

#outer span{
display:inline-block;
position: relative;
cursor: hand;

}

#droptarget {
display:inline-block;
background-color: #FFFFFF;
height: 450px;
width: 15%;
text-align: center;
border-bottom: 4px solid #999999;
float: right;
}

#droptarget img{
height: 40px;
width: 40px;
}

.button {
display:inline-block;
background-color: #ef7a00;
height: 80px;
width: 80px;
text-align: center;
line-height: 80px;
border-bottom: 4px solid #999999;
}

.checklist {
list-style: none;
}

.link {
text-decoration: none
}

#slider-1 {
width: 80%;
margin-top: 50px;
margin-bottom: 50px;
margin-left: auto;
margin-right: auto;
padding: 0px;
}

.dynamic-slider-control {
position: relative;
background-color: ThreeDFace;
-moz-user-focus: normal;
-moz-user-select: none;
cursor: default;
}

.horizontal {
width: 200px;
height: 29px;
}

.vertical {
width: 29px;
height: 200px;
}

.dynamic-slider-control input {
display: none;
}

.dynamic-slider-control .handle {
position: absolute;
-moz-user-select: none;
cursor: default;
background: ThreeDFace;
border: 1px solid;
border-color: ThreeDHighlight ThreeDDarkShadow
ThreeDDarkShadow ThreeDHighlight;
}

/* inner border /
.dynamic-slider-control .handle div {
font-size: 1px;
border: 1px solid;
border-color: ThreeDLightShadow ThreeDShadow ThreeDShadow ThreeDLightShadow;
    behavior: url("css/boxsizing.htc"); /
ie path bug */
box-sizing: content-box;
-moz-box-sizing: content-box;
}

/* inner sets size
.dynamic-slider-control.horizontal .handle {
width: 12px;
height: 22px;
}

*/
.dynamic-slider-control.horizontal .handle div {
width: 8px;
height: 18px;
}

.dynamic-slider-control.horizontal .handle.hover {}

/* inner sets size
.dynamic-slider-control.vertical .handle {
width: 22px;
height: 12px;
}
*/

.dynamic-slider-control.vertical .handle div {
width: 18px;
height: 8px;
}

.dynamic-slider-control.vertical .handle.hover {}

.dynamic-slider-control .line {
behavior: url("css/boxsizing.htc"); /* ie path bug */
box-sizing: content-box;
-moz-box-sizing: content-box;
position: absolute;
font-size: 0.01mm;
    overflow: hidden;
border: 1px solid;
border-color: ThreeDShadow ThreeDHighlight ThreeDHighlight ThreeDShadow;
background: ThreeDDarkShadow;
}

.dynamic-slider-control.vertical .line {
  width: 1px;
}

.dynamic-slider-control.horizontal .line {
height: 1px;
}

.dynamic-slider-control .line div {
display: none;
}

#topnav span{
display:inline-block;
background-color: #00FF00;
height: 40px;
text-align: center;

border-left: 4px solid #00FF00;  
border-right: 10px solid #00FF00;  
  
line-height: 40px;  

}

.menu {
display:inline-block;
background-color: #0000FF;
height: 50px;
width: 50px;
text-align: center;
line-height: 50px;
border-bottom: 4px solid #999999;
}

#menu {}

.ag-innerBox{
position:relative; /in STRICT this messes up IE THIS causes the whole problem/
top:0px;
left:0px;
background:#ffffcc;
float:left;
}

.ag-track{
height:10px;
width:10px;
background:#cccccc;
float:left;
}

.ag-handle{
height:10px;
width:10px;
background:#739845;
cursor:pointer;
}

  
bin für jede Hilfe sehr Dankbar  
  
Gruß  
mual