[ui accordion] Pics and Tables not in IE7
hello all
can anyone help?
tables and images are in the Accordion under IE7 does not display
correctly!
Here is my code
----------------------------------------------------------------------------------------------------------------------------------
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://
www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>accordion</title>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<script src="js/jquery-1.2.6.js" type="text/javascript"></script>
<script src="js/jquery.ui.all.js" type="text/javascript"></script>
<link href="css/ui.all.css" rel="stylesheet" type="text/css"
media="screen"/>
<script type="text/javascript">
$(document).ready(function(){
//accordion
$("#accordion").accordion({
icons: {
header: "ui-icon-plus",
headerSelected: "ui-icon-minus"
},
header: "h3",
clearStyle: true,
alwaysOpen: false,
autoHeight: false
});
});
</script>
</head>
<body>
<div id="accordion">
<div>
<h3><a href="#">Table</a></h3>
<div>
<table style="width:100%">
<thead>table</thead>
<tr>
<th>Sed non urna. Donec et ante. Phasellus eu ligula. Vestibulum
sit amet purus. Vivamus hendrerit, dolor at aliquet laoreet, mauris
turpis porttitor velit, faucibus interdum tellus libero ac justo.
Vivamus non quam. In suscipit faucibus urna. </th>
<td>Sed non urna. Donec et ante. Phasellus eu ligula. Vestibulum
sit amet purus. Vivamus hendrerit, dolor at aliquet laoreet, mauris
turpis porttitor velit, faucibus interdum tellus libero ac justo.
Vivamus non quam. In suscipit faucibus urna. </td>
<td>Sed non urna. Donec et ante. Phasellus eu ligula. Vestibulum
sit amet purus. Vivamus hendrerit, dolor at aliquet laoreet, mauris
turpis porttitor velit, faucibus interdum tellus libero ac justo.
Vivamus non quam. In suscipit faucibus urna. </td>
</tr>
</table>
Sed non urna. Donec et ante. Phasellus eu ligula. Vestibulum sit
amet purus. Vivamus hendrerit, dolor at aliquet laoreet, mauris turpis
porttitor velit, faucibus interdum tellus libero ac justo. Vivamus non
quam. In suscipit faucibus urna.
</div>
</div>
<div>
<h3><a href="#">Picture</a></h3>
<div>
Sed non urna. Donec et ante. Phasellus eu ligula. Vestibulum sit
amet purus. Vivamus hendrerit, dolor at aliquet laoreet, mauris turpis
porttitor velit, faucibus interdum tellus libero ac justo. Vivamus non
quam. In suscipit faucibus urna.
<img src="http://www.google.de/intl/de_de/images/logo.gif"
alt="picture" />
</div>
</div>
</div>
</body>
</html>
----------------------------------------------------------------------------------------------------------------------------------