здравствуйте, участники форума!
есть некий css :
| Код |
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Combo Boxes</title>
<!-- ExtJS -->
<link rel="stylesheet" type="text/css" href="../../resources/css/ext-all.css" />
<script type="text/javascript" src="../../bootstrap.js"></script>
<!-- Shared -->
<link rel="stylesheet" type="text/css" href="ie7.css" />
<link href="ie7.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" type="text/css" href="../shared/example.css" />
<!-- Example -->
<script type="text/javascript" src="IconCombo.js"></script>
<script type="text/javascript" src="combos.js"></script>
<style type="text/css">
.ux-flag-us {
background-repeat: no-repeat;
top:10px;
background-image:url(us.png) ! important;
}
.ux-flag-de {
top:30px;
background-repeat: no-repeat;
background-image:url(de.png) ! important;
}
.ux-flag-fr {
top:10px;
background-repeat: no-repeat;
background-image:url(fr.png) ! important;
}
.ux-icon-combo-icon {
background-repeat: no-repeat;
background-position: 0 50%;
width: 18px;
height: 14px;
}
/* X-BROWSER-WARNING: this is not being honored by Safari */
.ux-icon-combo-input {
padding-left: 25px;
}
.x-form-field-wrap .ux-icon-combo-icon {
position:fixed;
top: 3px;
left: 5px;
}
.ux-icon-combo-item {
background-repeat: no-repeat ! important;
background-position: 3px 50% ! important;
padding-left: 24px ! important;
}
</style>
</head>
<body>
..............................................
i tak dalee..........................
|
отображается и работает в firefox. Как сделать, чтобы он работал и в ie?
спасибо за ответы |