I have a simple test file, which tries to make a horizontal list, with images
and text, full code below. In FF, the choices display horizontally, but not in
IE. What am I missing?
-------------------------
<html>
<head>
<title>UL test</title>
<style type='text/css'>
body {
font-size: 100.01%;
font-family: Arial, Verdana, Helvetica, sans-serif;
color: #000;
background-color: #bbc;
margin-bottom: 15em; /* to leave room for Details display */
}
ul.sets {list-style-type: none; margin: 0 0; padding: 0 0;display: inline;}
ul.sets li {display:table-cell;border: none; padding-right: 2em;
font-size: 0.8em; text-align:center;}
ul.sets img {border: 1px solid black; padding: 0; margin: 0;}
</style>
</head>
<body>
<ul class='sets'>
<li>Set #1<br><a href='#'><img alt='aa'
src='http://static.flickr.com/1368/1416042206_e4fcc6b96b_s.jpg' /></a><br/>
161 pictures</li>
<li>Set #2<br><a href='#'><img alt='bb'
src='http://static.flickr.com/1202/979591983_8f23985dff_s.jpg' /></a><br/>
376 pictures</li>
<li>Set #3<br><a href='#'><img alt='cc6'
src='http://static.flickr.com/1439/877168944_b3ef4e02a5_s.jpg' /></a><br/>
437 pictures</li>
<li>Set #4<br><a href='#'><img alt='cc'
src='http://static.flickr.com/1347/877713593_9c7141566d_s.jpg' /></a><br/>
98 pictures</li>
</ul>
</body>
</html>
-------------------------------------------
Mark Wilson, Computer Programming Unlimited
Web: http://www.cpuworks.com/
Email: [EMAIL PROTECTED] or [EMAIL PROTECTED]
Our motto: "Getting the Job Done"
________________________________________________________________________
Email and AIM finally together. You've gotta check out free AOL Mail! -
http://mail.aol.com
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
