Well, I think I may have identified the issue and it may be a small bug. As protocol is used in a vast number of sites, I'm surprised that whoever supports UDM4 hasn't seen this before.
If you have a select with a css id of "size" AND udm4 AND protocol AND IE7 then the select will display blank values and your browser will return no errors. No problem with FF or Chrome, just IE.
It might be worth the udm4 developers seeing if they can "fix" this (the actual "bug" may not be in their code), or at least putting it in their documentation.
Incidently, is UDM4 a dead product or is support / development ongoing?
As a courtesy, here is the html code to reproduce the problem:-
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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>test tip</title>
<link rel="stylesheet" type="text/css" href="../udm4-php/udm-resources/udm-style.php" media="screen, projection" />
<link rel="stylesheet" type="text/css" href="../CSS/prototip.css" />
</head>
<body>
<!-- PHP generated menu script [any modules or extensions must come AFTER this] -->
<script type="text/javascript"
src="../udm4-php/udm-resources/udm-dom.php"></script>
<script type='text/javascript' src='../js/prototype.js'></script>
<script type='text/javascript' src='../js/prototip.js'></script>
<ul id="udm" class="udm" style="background-color:#FF9900">
<li><a class="nohref">withsub</a>
<ul>
<li><a href="#">one</a></li>
<li><a href="#">two</a></li>
<li><a href="#">three</a></li>
</ul>
</li>
<li><a href="#">nosub</a>
</li>
</ul>
<table>
<form name="frm" method="post" action="./test.php">
<tr bgcolor='#FFFFFF'>
<td class="blbotx">1</td>
<td>What size is your leaflet?</td>
<td>
<select name='size' id='size'>
<option value='A6'>A6</option>
<option value='A5' selected>A5</option>
<option value='A4'>A4</option>
<option value='A3'>A3</option>
<option value='1/3 A4'>1/3 A4</option>
</select>
</td>
<td><a href='#1' id='help-1'><img src="../images/information.gif" border=0/></a></td>
</tr>
<script language="javascript" type="text/javascript">
new Tip('help-1', 'content', {
ajax: { url: '../help/help.php' },
style: 'creamy',
stem: 'topLeft',
hook: { target: 'bottomLeft', tip: 'topLeft' },
offset: { x: 0, y: 0 }
});
</script>
</form>
</table>
</body>
</html>