1. #shelf {
  2. margin:100px 0;
  3. }
  4.  
  5. #shelf ul {
  6. margin: 23px 0;
  7. padding: 0;
  8. height: 19px;
  9. border-bottom: 8px solid #999999;
  10. background-color: #ccc;
  11.  
  12. float: left;
  13.  
  14. }
  15.  
  16. #shelf ul:before {
  17. border-right: 38px solid #cccccc;
  18. border-top: 18px solid #FFFFFF;
  19.  
  20. content: "";
  21. float: left;
  22. margin: 0;
  23. width: 0;
  24. }
  25.  
  26. #shelf ul:after {
  27. border-left: 38px solid #cccccc;
  28. border-top: 18px solid #FFFFFF;
  29. content: "";
  30. float: right;
  31. margin: 0;
  32. width: 0;
  33. }
  34.  
  35. #shelf li {
  36. background: none repeat scroll 0 0 ;
  37. border: none;
  38. float: left;
  39. list-style: none outside none;
  40. margin: -110px 10px 0;
  41. padding: 0px;
  42. position: relative;
  43. text-align: center;
  44. width: 80px;
  45. }
  46.  
  47. #shelf a {
  48. padding: 0px;
  49. display: block;
  50. text-decoration: none;
  51.  
  52. }