FullCalendar is adding space after events with a URL <p>I'm using a pretty basic JQuery plugin called FullCalendar to add easy to use calendar to my website. I've mostly had no troubles until now. The main problem is that when you add a url to events in the event object it puts an unnecessary amount of space under it. Further, it works just fine with the url when the title is less than 6 or 7 characters or so. But when you have a a few words it adds the space. I really can't figure this out. </p> <p>I've imported the stylesheet and js file. </p> <pre><code>&lt;link rel='stylesheet' type='text/css' href='fullcalendar.css' /&gt; &lt;script type='text/javascript' src='jquery.js'&gt;&lt;/script&gt; &lt;script type='text/javascript' src='fullcalendar.js'&gt;&lt;/script&gt; </code></pre> <p>I also have a simple script to set up the calendar and to create two events. </p> <pre><code>$(function() { /* initialize the calendar -----------------------------------------------------------------*/ var date = new Date(); var d = date.getDate(); var m = date.getMonth(); var y = date.getFullYear(); var calendar = $('#calendar').fullCalendar({ buttonText: { prev: '&lt;i class="icon-chevron-left"&gt;&lt;/i&gt;', next: '&lt;i class="icon-chevron-right"&gt;&lt;/i&gt;' }, header: { left: 'prev,next today', center: 'title', right: '' }, events: [ { title: 'All', start: new Date(y, m, 1), url: 'single-event.php' }, { title: 'All Day Event', start: new Date(y, m, 1), url: 'index.html' }] }); }) </code></pre> <p>Here is a link to the same problem - <a href="http://stackoverflow.com/q/15857001/1729387">why is there extra space between url-tagged events?</a></p> <p>and to the documentation <a href="http://arshaw.com/fullcalendar/docs/usage/" rel="nofollow">http://arshaw.com/fullcalendar/docs/usage/</a></p>