Hi i'm new in web developement, i have three browsers : google Chrome , Mozilla FireFox and Internet Explorer 11, i'm creating login page, everything is ok in Google Chrome and Mozilla FireFox, where the result is like :
but in internet explorer The result is like : 
The Html code is like :
<body>
<center>
<h1>Connexion</h1>
<!-- Some PHP code -->
<form method='post' action=''>
<input type="email" name="email" placeholder="Votre email" value="<?php echo isset($email) ? $email :'';?>">
<br><br>
<input type="password" placeholder="Votre mot de passe" name="password">
<br><br>
<div class="select-style">
<select name="type" placeholder="Type de compte">
<?php echo isset($type) ?'<option value='.$type.'>'.$type.'</option>': '';?>
<?php echo $type!='Médecin' ? '<option value="Médecin">Médecin</option>' :'';?>
<?php echo $type!='Patient' ? '<option value="Patient">Patient</option>' :'';?>
</select>
</div>
<br><br>
<input type="submit" value="Se connecter" name="submit">
</form>
<div class="lien">
<a href="index.php?page=registerMed">Créer un compte Médecin</a>
<a href="index.php?page=register">Créer un compte Patient</a>
</div>
</center>
</body>
the css is like :
@import url(http://ift.tt/1CWRsPn);
input {
padding: 5px;
border: 3px solid rgba(52, 152, 219, 0.6);
border-radius: 5px;
width: 400px;
font-family: Raleway, Open Sans, Droid Sans;
box-sizing: border-box;
}
input:focus {
border-color: #2875A8;
}
input[type=submit] {
padding: 5px 15px;
background: rgba(52, 152, 219, 0.6);
border: 0 none;
color: #ffffff;
cursor: pointer;
border-radius: 5px;
}
input[type=submit]:hover {
background: #3DB7FF;
}
input[type=submit]:focus {
background: #2875A8;
}
.error {
padding: 10px;
left: 0;
top: 0;
color: #ffffff;
background-color: #d30000;
}
body {
background-color: #3498db;
font-family: Raleway, Open Sans, Droid Sans;
}
a {
text-decoration: none;
color: #ffffff;
background-color: rgba(180, 180, 180, 0);
padding: 0px 5px 0px 5px;
}
a:hover,
a:focus {
background-color: #3DB7FF;
padding: 0px 5px 0px 5px;
border-radius: 5px;
}
.select-style {
border: 3px solid rgba(52, 152, 219, 0.6);
border-radius: 5px;
width: 70%;
max-width: 70%;
margin-left: auto;
margin-right: auto;
overflow: hidden;
background-color: rgba(52, 152, 219, 0.6);
background: #fff url("http://ift.tt/1C2uGqM") no-repeat 90% 50%;
}
.select-style select {
padding: 5px 8px;
border: 0px;
width: 100%;
height: 40px;
font-family: Raleway, Open Sans, Droid Sans;
background-color: transparent;
background-image: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.content {
margin-left: auto;
margin-right: auto;
width: 60%;
box-shadow: 0 20px 50px rgba(0, 0, 0, 0.9);
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
-webkit-transition: box-shadow .3s ease;
transition: box-shadow .3s ease;
background-color: #f2f2f2;
background-color: rgba(210, 210, 255, 0.6);
margin: 50px auto;
border-radius: 10px;
position: relative;
}
.content form {
padding: 30px;
}
.content form input[type=text],
input[type=email],
input[type=password] {
height: 40px;
margin-left: auto;
margin-right: auto;
width: 70%;
}
.content form input[type=submit] {
width: 70%;
margin-left: auto;
margin-right: auto;
}
h1 {
color: #ffffff;
background: rgba(52, 152, 219, 0.6);
}
.fullBg {
position: fixed;
top: 0;
left: 0;
overflow: hidden;
}
.lien {
background-color: rgba(52, 152, 219, 0.6);
border-radius: 0px 0px 10px 10px;
padding: 5px;
}
