anchor.diff:  						<style>
   #slider {
   	width: 700px;
  -	height: 390px;
  +	height: 690px;
  +}
  +
  +.widget-wrapper {
  +	float: left;
   }
   </style>
   
  
positive.code: <%@ page language="java" contentType="text/html; charset=UTF-8"
  	pageEncoding="UTF-8"%>
  <%@ page
  	import="org.apache.wookie.connector.framework.*,
  	uk.ac.edukapp.util.*,uk.ac.edukapp.model.Useraccount,java.util.*,
  	javax.persistence.*,javax.persistence.EntityManager,
  	javax.persistence.EntityManagerFactory,org.apache.commons.logging.Log,
  	org.apache.commons.logging.LogFactory,
  	uk.ac.edukapp.renderer.*"%>
  <!DOCTYPE html>
  <html>
  <head>
  
negative.code: 
  
  						<ul id="widget-slider">
  							<%
  							out.print("homw many:"+featuredWidgets.size());
  								for (int i = 0; i < featuredWidgets.size()/2; i++) {
  							%>
  							<li class="panel" style="height: 200px;">
  								<%
  									//show 2 widgets per page
  											for (int j = i*2; (j < i + 2) && (j < featuredWidgets.size()-1); j++) {
  
  												Widgetprofile w = (Widgetprofile) featuredWidgets
  														.get(j);
  												String iframe = Renderer.renderById(
  														session.getServletContext(), "" + w.getId());//,400,250);
  												out.print("<div class='widget-wrapper'>");
  												out.print(iframe);
  
  												out.print("<div class='widget-short-info'>");
  												out.print("<a href='widget.jsp?id=" + w.getId() + "'>"
  														+ w.getName() + "</a>");
  												out.print("widget name,rating,stats");
  												out.print("<div class='clear' style='clear:both;'></div>");
  												out.print("</div>");
  												out.print("</div>");
  
  											}
  								%>
  								<div class="clear" style="clear: both;"></div>
  
  
  							</li>
  							<%
  								}
  							%>
  						
  					</div>
  
  					<%
  