Emblem sexyness

compiled

<ul class="dropdown-menu">
  <li id="ember328" class="ember-view active" href="#/edit_profile">
    <a href="view.href"><i class="icon-user"></i>Profile</a>
  </li>
  <li id="ember331" class="ember-view" href="#/schedule">
    <a href="view.href"><i class="icon-calendar"></i>Schedule</a></li>
</ul>

gistfile1.txt

ul.dropdown-menu
  linkTo "edit_profile" tagName="li"
    a href="view.href"
      i.icon-user
      | Profile
  linkTo "schedule" tagName="li"
    a href="view.href"
      i.icon-calendar
      | Schedule

I'd recommend the following, both HTML-semantically and emblem-wise:

ul.dropdown-menu
  li
    linkTo "edit_profile"
      i.icon-user Profile
  li
    linkTo "schedule"
      i.icon-calendar Schedule

/ I like things concise so I'd use the new syntax:
ul.dropdown-menu
  li: linkTo "edit_profile": i.icon-user Profile
  li: linkTo "schedule": i.icon-calendar Schedule

Regardless of your fav emblem syntax, it's more important that you keep the linkTo's on linkable elements (a, button, etc.) when you can.

While that syntax makes a lot fo sense, works and is cleaner, I need to set up the active class on the current view... I believe that could be done some other way.
Here's the result with your code: http://screencast.com/t/Czgu3tXGDvft
And the result in my code (witness the fact that the current menu is already highlighted): http://screencast.com/t/vJalhalN4