i have used Bootstrap panel for creating login form.
But when i check my ui in IE-8 it looks left centered also the glyphicon-icons also not showing. in other browser it looks perfect.
<div class="message warning">
<div class="col-md-6 col-md-offset-3 col-xs-6 col-sm-6>
<div class="panel panel-default" >
<div class="panel-heading" >
<span class="glyphicon glyphicon-eye-open "></span> Login
</div>
<div class="panel-body">
<form class="form-horizontal" action="">
<div class="form-group">
<label for="inputEmail" class="control-label col-xs-4">Organisation Id</label>
<div class="col-xs-7 col-sm-7 col-md-7">
<div class="input-group">
<span class="input-group-addon"><span class="glyphicon glyphicon-th-list"></span></span>
<input type="email" class="form-control" id="inputEmail" require placeholder="Organisation Number" >
</div>
</div>
</div>
<div class="form-group">
<label for="inputEmail" class="control-label col-xs-4">Username</label>
<div class="col-xs-7">
<div class="input-group">
<span class="input-group-addon"><span class="glyphicon glyphicon-user"></span></span>
<input type="email" class="form-control" id="inputEmail" require placeholder="Username" >
</div>
</div>
</div>
<div class="form-group">
<label for="inputPassword" class="control-label col-xs-4">Password</label>
<div class="col-xs-7">
<div class="input-group">
<span class="input-group-addon"><span class="glyphicon glyphicon-lock"></span></span>
<input type="password" class="form-control" id="inputPassword" require placeholder="Password" >
</div>
</div>
</div>
<div class="form-group">
<div class="col-xs-offset-4 col-xs-6">
<div class="checkbox input-group">
<label><input type="checkbox"> Remember me</label>
</div>
</div>
</div>
<div class="form-group">
<div class="col-xs-offset-4 col-xs-10">
<button type="submit" class="btn btn-primary">Login</button>
<!--<button type="submit" class="btn btn-primary">Cancel</button> -->
</div>
</div>
</form>
</div>
</div>
</div>
</div>
i have attached image so you can easily identified problem.