Først af alt skal du fjerne <?xml version="1.0" encoding="UTF-8"?>... Denne gør at IE går i quirkmode. Dernæst skal du rette et par styles. Se eks:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html>
<head>
<title>Li</title>
<base href="
http://komfrisk.dk/test/li/" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Language" content="da" />
<link rel="Stylesheet" href="style.css" type="text/css" />
<style type="text/css">
.jobs {
width: 300px;
}
.jobs ul {
list-style-position:outside;
padding: 0 0 0 20px;
margin: 0;
display: block;
}
</style>
</head>
<body>
<table width="486" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="176"><img src="filmlogo.gif" border="0" alt="" /></td>
<td width="10"> </td>
<td width="300" valign="top">
<div class="title">Titel</div>
<div class="jobs">
<ul>
<li><a href="#" class="list" target="_blank">Test - dette er en meget lang titel, der skal ombrydes</a></li>
<li><a href="#" class="list" target="_blank">Test - kort titel</a></li>
<li><a href="#" class="list" target="_blank">Test - dette er en meget lang titel, der skal ombrydes</a></li>
</ul></div>
</td>
</tr>
<tr>
<td width="176" style="height:10px"> </td>
<td width="10" style="height:10px"> </td>
<td width="300" style="height:10px"> </td>
</tr>
<tr>
<td colspan="3">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Fusce eget neque vitae erat ultrices volutpat. Curabitur tempor pede eget nibh. Nunc vel magna. Etiam scelerisque. Fusce eu odio vel nisi elementum aliquet. Nam molestie felis in lectus. Quisque rutrum. Ut et magna vitae nisi consequat dictum. Pellentesque placerat imperdiet odio. Mauris odio sem, auctor ut, consequat sit amet, molestie at, lectus. Maecenas odio metus, egestas ac, eleifend quis, vehicula ut, nunc. Proin sem. In convallis ante non neque. Ut adipiscing sollicitudin mauris. Pellentesque fermentum sollicitudin eros. Vestibulum rutrum vestibulum mauris. Suspendisse sit amet ipsum tincidunt dolor fermentum molestie. Praesent adipiscing.
Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Suspendisse eget nibh eu mi interdum facilisis. Fusce sollicitudin bibendum massa. Suspendisse orci neque, pellentesque vitae, porttitor quis, varius id, neque. Fusce diam justo, ornare non, auctor a, viverra id, massa. Duis id nisi. Vestibulum nisl. Aliquam commodo euismod sapien. Morbi varius feugiat nibh. Vestibulum id lectus id enim lacinia dignissim. Pellentesque id odio id dolor lacinia vehicula. Fusce a odio. Etiam nonummy nulla cursus pede tincidunt luctus. </td>
</tr>
</table>
</body>
</html>
