<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html style="-webkit-writing-mode:vertical-lr; -webkit-text-orientation: sideways" xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title>Safari test case: list items within text-align: right div after float:left div</title>
<style type="text/css">
#main {
  float: left;
  height: 60%;
}

#menu {
  text-align: right;
}
</style>
</head>
<body>
<div id="main">
<p>This test case illustrates incorrect positioning of list items within a <code>text-align: right</code> div after a <code>float: left</code> div.  <a href="float-left-chimera.png">Screenshot of correct behavior</a>; <a href="float-left-safari.png">screenshot of Safari</a>.</p>

<p>This bug only occurs on pages with a standards-compliant DOCTYPE.  <a href="float-left-text-align-right-no-doctype.html">View this test case without a DOCTYPE</a>.</p>

<ol>
<li>New larger PowerBook.  Still 1 GHz, but with a 17-inch screen. $3299.</li>
<li>New smaller PowerBook, with a 12-inch screen.  $1799.</li>
<li>New browser: <a href="http://www.apple.com/safari/">Safari</a>.  Engine is <a href="http://developer.apple.com/darwin/projects/webcore/">open source</a> (a <a href="http://lists.kde.org/?l=kfm-devel&amp;m=104196912316326&amp;w=2">modified version</a> of <a href="http://developer.kde.org/documentation/library/kdeqt/kde3arch/khtml/">KHTML</a>), rest of the application is free but not open source (just like the OS).  Only runs on 10.2.  Currently in public beta.</li>
<li>New presentation software: Keynote.  The software Steve Jobs uses.</li>
<li>New versions of <a href="http://www.apple.com/imovie/">iMovie</a>, <a href="http://www.apple.com/iphoto/">iPhoto</a>, <a href="http://www.apple.com/itunes/">iTunes</a>.  Bundled into a box called <a href="http://www.apple.com/ilife/">iLife</a>, for $49.</li>
<li><a href="http://www.apple.com/finalcutexpress/">Final Cut Express</a> for creating DVDs.  $299.</li>
</ol>


</div> <!--main-->

<div id="menu">
<ul>
<li><a title="about this site" href="/about/" accesskey="9" rel="help">About</a></li>
<li><a title="a little of everything" href="/sitemap.html">Site map</a></li>
<li><a title="old posts" href="/archives/" rel="contents">Archives</a></li>
<li><a title="small projects, scripts, fun stuff" href="/projects/">Projects</a></li>
<li><a title="cat pictures and stuff" href="/pictures/">Photos</a></li>
<li><a title="referrers and other visitor statistics" href="/stats/">Statistics</a></li>
<li><a title="accessibility features of this site" href="/accessibility_statement.html" accesskey="0">Accessibility statement</a></li>
<li><a title="syndicated version of &quot;dive into mark&quot; in RSS format" href="/xml/rss.xml">RSS</a> (<a title="other syndicated feeds" href="/xml/">more feeds</a>)</li>
</ul>
<ul>
<li><a title="Mark Pilgrim's new column, Dive Into XML, explores the RSS menagerie" href="http://www.xml.com/pub/a/2002/12/18/dive-into-xml.html">What is RSS?</a></li>
</ul>
<ul>
<li><a title="Free validator for syndicated content producers" href="http://feeds.archive.org/validator/">RSS Validator</a></li>
<li><a title="Free book for web designers" href="http://diveintoaccessibility.org/">Dive Into Accessibility</a></li>
<li><a title="Free repository for Mac OS X system administrators" href="http://diveintoosx.org/">Dive Into OS X</a></li>
<li><a title="Free J2EE training material" href="http://j2ee.masslight.com/">Dive Into J2EE</a></li>
<li><a title="Free Python book for experienced programmers" href="http://diveintopython.org/">Dive Into Python</a></li> 
<li><a title="web design, J2EE, Mac OS X, Python expertise -- available for contract work and training" href="/resume/">r&eacute;sum&eacute;</a></li>
</ul>
</div> <!--menu-->

</body>
</html>