Boa tarde,

Realizando as aulas de HTML constatei que ao utilizar o IE 11, pois programo em Windows 10, os estilos do css não estão aparecendo. Segue o código utilizado de exemplo:

-----Código HTML--------------- <!DOCTYPE html>

Receita - Mousse de Maracujá

Foto do Mousse de Maracujá

Ingredientes

1 lata de leite condensado
1 lata de creme de leite
1 lata de suco de maracujá (aproximadamente 4 maracujás)
1 pacote de gelatina incolor
Sementes de maracujá (para decoração)

Modo de preparo

Hidrate a gelatina na água, e depois dissolva em banho-maria.
Misture todos os ingredientes em um liquidificador (exceto as sementes de maracujá).
Bata os ingredientes no liquidificador, em potência máxima, por 2 minutos.
Coloque o mousse em um recipiente e decore-o com as sementes de maracujá.
Coloque o mousse na geladeira, deixando em refrigeração por aproximadamente 4 horas.
Devore!

Informações Nutricionais

Nutrientes	Porção (60g)	% VD
Valor calórico (kcal)	225,37	9,01
Carboidratos (g)	40,56	10,82

Proteínas(g)5,978,53 Gorduras Totais(g)4,365,45 Gorduras Saturadas(g)2,7110,83 Colesterol(mg)16,685,56 Fibras Alimentares(g)0,300,99 Cálcio(mg)142,2117,78 Ferro(mg)0,261,89 Sódio(mg)91,693,82

------CSS----------- body{ background-color:#F5F0DC; font-family: Helvetica, Arial, sans-serif; width:940px; margin:auto; }

titulo{

text-align:center; }

h2{ background-color:#B3A742; padding:5px; color:#FFFFFF; background:-moz-linear-gradient(to bottom, #9C8F67, #C7BE9B 30%); background:-webkit-linear-gradient(to bottom, #9C8F67, #C7BE9B 30%); background:-o-linear-gradient(to bottom, #9C8F67, #C7BE9B 30%); background:-ms-linear-gradient(to bottom, #9C8F67, #C7BE9B 30%); border-radius: 15px; border: 1px solid black; }

tb-nutrientes{

border: 1px solid black; width: 40%; margin: auto; }

tb-nutrientes th{

background-color:#F8EA6B; }

tb-nutrientes tr:nth-child(odd){

background-color:#FFFFFF; }

tb-nutrientes tr:nth-child(even){

background-color:#F8EAB3; }

conteudo{

float:right; width:740px; }

banner{

top:0; right:0; position:absolute; }

nav{ float:left; width:200px; }

nav ul{ list-style:none; padding-left:0; }

nav ul li{ background:#C7BE9B; padding:3px; margin-bottom:5px; }

nav ul li:hover{ background-color:#9C8F67; }

nav ul li a{ color:black; text-decoration:none; }

figure{ text-align:center; background-color:white; width:400px; padding:15px; font-family:"Comic Sans MS", cursive; border: 1px solid black; box-shadow: 5px 5px 3px rgba(0,0,0,0.7); } figure:hover{ -moz-transform:rotate(-3deg); -webkit-transform:rotate(-3deg); -ms-transform:rotate(-3deg); -o-transform:rotate(-3deg); }

Nos outros navegadores funciona normalmente. Há algum comando para que o browser consiga buscar o motor do IE 11?