List Item Absolute Bottom with JQuery Equal Column Height

I have two things. [*]have my last list item absolute bottom of my unordered list, but it overlaps the bottom of my unordered list. [*]I'd like to use the absolute bottom with 'JQuery Equal Column Height' so both my columns are equal to each other since I plan to have beveled borders. I'm looking for someone to solve this issue for me since I'm stuck at this moment.This is my jsfiddle with the last list item absolute bottom:http://jsfiddle.net/evanmoore/QPQ8Z/This is the jquery equal column height with the last list item absolute bottomhttp://jsfiddle.net/evanmoore/mCang/2/\[code\]var maxHeight = 0;function setHeight(column) { //Get all the element with class = col column = $(column); //Loop all the column column.each(function() { //Store the highest value if($(this).height() > maxHeight) { maxHeight = $(this).height()+2; } }); //Set the height column.height(maxHeight);}$(document).ready(function() { setHeight('.wrapper');});\[/code\]
 
Back
Top