diff --git a/PagingKit/PagingMenuView.swift b/PagingKit/PagingMenuView.swift
index e59ef1a..8abaed6 100644
--- a/PagingKit/PagingMenuView.swift
+++ b/PagingKit/PagingMenuView.swift
@@ -217,6 +217,11 @@ open class PagingMenuView: UIScrollView {
     /// space setting between cells
     open var cellSpacing: CGFloat = 0
     
+    /// total space between cells
+    open var totalSpacing: CGFloat {
+        return cellSpacing * numberOfCellSpacing
+    }
+    
     /// The object that acts as the data source of the paging menu view.
     open weak var dataSource: PagingMenuViewDataSource?
     
@@ -346,12 +351,22 @@ open class PagingMenuView: UIScrollView {
     /// - Parameter index: An index that identifies a item by its index.
     /// - Returns: A rectangle defining the area in which the table view draws the row or right edge rect if index is over the number of items.
     open func rectForItem(at index: Int) -> CGRect {
+        guard 0 < widths.count else {
+            return CGRect(x: 0, y: 0, width: 0, height: bounds.height)
+        }
+        
         guard index < widths.count else {
-            let rightEdge = widths.reduce(CGFloat(0)) { (sum, width) in sum + width }
+            let rightEdge = widths.reduce(CGFloat(0)) { (sum, width) in sum + width } + totalSpacing
             let mostRightWidth = widths[widths.endIndex - 1]
             return CGRect(x: rightEdge, y: 0, width: mostRightWidth, height: bounds.height)
         }
         
+        guard 0 <= index else {
+            let leftEdge = -widths[0]
+            let mostLeftWidth = widths[0]
+            return CGRect(x: leftEdge, y: 0, width: mostLeftWidth, height: bounds.height)
+        }
+        
         var x = (0..<index).reduce(0) { (sum, idx) in
             return sum + widths[idx]
         }
@@ -515,10 +530,6 @@ open class PagingMenuView: UIScrollView {
         return max(CGFloat(numberOfItem - 1), 0)
     }
     
-    private var totalSpacing: CGFloat {
-        return cellSpacing * numberOfCellSpacing
-    }
-
     private func recenterIfNeeded() {
         let currentOffset = contentOffset
         let contentWidth = contentSize.width
diff --git a/PagingKitTests/PagingMenuViewTests.swift b/PagingKitTests/PagingMenuViewTests.swift
index 4e0a19c..b7027d3 100644
--- a/PagingKitTests/PagingMenuViewTests.swift
+++ b/PagingKitTests/PagingMenuViewTests.swift
@@ -115,9 +115,132 @@ class PagingMenuViewTests: XCTestCase {
         pagingMenuView?.dataSource = dataSource
         pagingMenuView?.reloadData()
         
-        let rect = pagingMenuView?.rectForItem(at: 3)
-        XCTAssertEqual(rect,
-                       CGRect(x: 300, y: 0, width: 100, height: 44), "get correct rect")
+
+        do {
+            let rect = pagingMenuView?.rectForItem(at: -2)
+            XCTAssertEqual(rect,
+                           CGRect(x: -100, y: 0, width: 100, height: 44), "get correct rect")
+        }
+        
+        do {
+            let rect = pagingMenuView?.rectForItem(at: -1)
+            XCTAssertEqual(rect,
+                           CGRect(x: -100, y: 0, width: 100, height: 44), "get correct rect")
+        }
+        
+        do {
+            // first index
+            let rect = pagingMenuView?.rectForItem(at: 0)
+            XCTAssertEqual(rect,
+                           CGRect(x: 0, y: 0, width: 100, height: 44), "get correct rect")
+        }
+        
+        do {
+            let rect = pagingMenuView?.rectForItem(at: 3)
+            XCTAssertEqual(rect,
+                           CGRect(x: 300, y: 0, width: 100, height: 44), "get correct rect")
+        }
+        
+        do {
+            // last index
+            let rect = pagingMenuView?.rectForItem(at: 19)
+            XCTAssertEqual(rect,
+                           CGRect(x: 1900, y: 0, width: 100, height: 44), "get correct rect")
+        }
+        
+        do {
+            let rect = pagingMenuView?.rectForItem(at: 20)
+            XCTAssertEqual(rect,
+                           CGRect(x: 2000, y: 0, width: 100, height: 44), "get correct rect")
+        }
+        
+        do {
+            let rect = pagingMenuView?.rectForItem(at: 21)
+            XCTAssertEqual(rect,
+                           CGRect(x: 2000, y: 0, width: 100, height: 44), "get correct rect")
+        }
+    }
+    
+    func testRectForItemWithSpacing() {
+        let dataSource = MenuViewDataSourceSpy()
+        dataSource.widthForItem = 100
+        dataSource.registerNib(to: pagingMenuView)
+        dataSource.data = Array(repeating: "foo", count: 20)
+        pagingMenuView?.dataSource = dataSource
+        pagingMenuView?.cellSpacing = 10
+        pagingMenuView?.reloadData()
+        
+        
+        do {
+            let rect = pagingMenuView?.rectForItem(at: -2)
+            XCTAssertEqual(rect,
+                           CGRect(x: -100, y: 0, width: 100, height: 44), "get correct rect")
+        }
+        
+        do {
+            let rect = pagingMenuView?.rectForItem(at: -1)
+            XCTAssertEqual(rect,
+                           CGRect(x: -100, y: 0, width: 100, height: 44), "get correct rect")
+        }
+        
+        do {
+            // first index
+            let rect = pagingMenuView?.rectForItem(at: 0)
+            XCTAssertEqual(rect,
+                           CGRect(x: 0, y: 0, width: 100, height: 44), "get correct rect")
+        }
+        
+        do {
+            let rect = pagingMenuView?.rectForItem(at: 3)
+            XCTAssertEqual(rect,
+                           CGRect(x: 330, y: 0, width: 100, height: 44), "get correct rect")
+        }
+        
+        do {
+            // last index
+            let rect = pagingMenuView?.rectForItem(at: 19)
+            XCTAssertEqual(rect,
+                           CGRect(x: 2090, y: 0, width: 100, height: 44), "get correct rect")
+        }
+        
+        do {
+            let rect = pagingMenuView?.rectForItem(at: 20)
+            XCTAssertEqual(rect,
+                           CGRect(x: 2190, y: 0, width: 100, height: 44), "get correct rect")
+        }
+        
+        do {
+            let rect = pagingMenuView?.rectForItem(at: 21)
+            XCTAssertEqual(rect,
+                           CGRect(x: 2190, y: 0, width: 100, height: 44), "get correct rect")
+        }
+    }
+    
+    func testRectForItemWhenDataSourceHasNoElement() {
+        let dataSource = MenuViewDataSourceSpy()
+        dataSource.widthForItem = 100
+        dataSource.registerNib(to: pagingMenuView)
+        dataSource.data = []
+        pagingMenuView?.dataSource = dataSource
+        pagingMenuView?.reloadData()
+        
+        do {
+            let rect = pagingMenuView?.rectForItem(at: -1)
+            XCTAssertEqual(rect,
+                           CGRect(x: 0, y: 0, width: 0, height: 44), "get correct rect")
+        }
+        
+        do {
+            let rect = pagingMenuView?.rectForItem(at: 0)
+            XCTAssertEqual(rect,
+                           CGRect(x: 0, y: 0, width: 0, height: 44), "get correct rect")
+        }
+        
+        do {
+            let rect = pagingMenuView?.rectForItem(at: 1)
+            XCTAssertEqual(rect,
+                           CGRect(x: 0, y: 0, width: 0, height: 44), "get correct rect")
+        }
     }
     
     func testRectForItemToEdgeCase() {