diff --git a/rest_framework/static/rest_framework/css/default.css b/rest_framework/static/rest_framework/css/default.css
index 16d4a91da..461cdfe5c 100644
--- a/rest_framework/static/rest_framework/css/default.css
+++ b/rest_framework/static/rest_framework/css/default.css
@@ -32,6 +32,10 @@ h2, h3 {
   margin-right: 1em;
 }
 
+ul.breadcrumb {
+  margin: 80px 0 0 0;
+}
+
 form select, form input, form textarea {
   width: 90%;
 }
diff --git a/rest_framework/templates/rest_framework/base.html b/rest_framework/templates/rest_framework/base.html
index b0cc26ec3..0731b78b3 100644
--- a/rest_framework/templates/rest_framework/base.html
+++ b/rest_framework/templates/rest_framework/base.html
@@ -56,12 +56,15 @@
             {% block breadcrumbs %}
                 <ul class="breadcrumb">
                     {% for breadcrumb_name, breadcrumb_url in breadcrumblist %}
+                        {% if forloop.last %}
+                        <li class="active">{{ breadcrumb_name }}</li>
+                        {% else %}
                         <li>
-                            <a href="{{ breadcrumb_url }}" {% if forloop.last %}class="active"{% endif %}>
+                            <a href="{{ breadcrumb_url }}">
                                 {{ breadcrumb_name }}
                             </a>
-                            {% if not forloop.last %}<span class="divider">&rsaquo;</span>{% endif %}
                         </li>
+                        {% endif %}
                     {% endfor %}
                 </ul>
             {% endblock %}