Problemas com estilização no JqueryMobile

Front-end
#1

bom dia, estou desenvolvendo uma aplicação utilizando JQueryMobile, estou com um problema quanto a estilização da mesma, no decorrer do desenvolvimento vou alterando e testando, de uma hora pra outra, o estilo padrão o JQueryMobile para de funcionar, e as páginas são estilizadas como html comum, o que pode estar ocasionando isso e como resolver?

a tag de estilos está declarada no head:

segue abaixo o código:

<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="sql" uri="http://java.sun.com/jsp/jstl/sql"%>

<html>
<head>
<meta name="viewport"
	content="width=device-width, initial-scale=1, charset=ISO-8859-1">
	<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.css">
	<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
	<script type="text/javascript" src="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.js"></script>
	<title>Teste JQM / JSTL</title>

	<sql:setDataSource var="ds" driver="com.ibm.db2.jcc.DB2Driver"
	url="jdbc:db2://SRVDB2CQ:50000/COTAWEB" 
	user="dba" 
	password="overhead"
	scope="session" />

</head>
<body>
	<div data-role="page">
		<div data-role="header">header</div>

		<div data-role="content">

			<sql:query var="cotacoes" dataSource="${ds}">
            	select * from cotacao
       		</sql:query>

			<ul data-role="listview" data-filter="true">
				<c:forEach var="x" items="${cotacoes.rows}">
					<li> ${x.descricao} </li>				
				</c:forEach>			
			</ul>			

		</div>

		<div data-role="footer">rodapé</div>
	</div>
</body>
</html>
#2