
<div id="syshoverPanel" style="width: 300px;height: auto;position: fixed;background-color: ⌗FFFFFF;overflow-y: auto;border: 1px solid ⌗C8C8C8;border-radius: 2px;z-index:9999;display:none;">
<apex:outputpanel >
<apex:pageblock id="sysdetailpb">
<apex:pageblocktable value="{!SystemDetails}" var="SD" style="color:⌗555;">
<apex:column Style="text-align:right;">
<apex:outputText value="{!SD.sysNumber}:"></apex:outputText><br/>
<apex:outputtext value="Comments:" style="font-weight:bold"> </apex:outputtext><br/>
<apex:outputText value="Entitlement Number:" style="font-weight:bold"> </apex:outputText><br/>
<apex:outputText value="Manufacturer:" style="font-weight:bold"></apex:outputText><br/>
<apex:outputText value="Manufacturer Ref:" style="font-weight:bold"></apex:outputText><br/>
<apex:outputText value="Reseller:" style="font-weight:bold"></apex:outputText><br/>
<apex:outputText value="MSP:" style="font-weight:bold"></apex:outputText><br/>
<apex:outputText value="L1 Support Provider:" style="font-weight:bold"></apex:outputText>
</apex:column>
<apex:column >
<apex:outputText value="{!SD.sysAccName}"></apex:outputtext><br/>
<apex:outputText value="{!SD.syscomment}"> </apex:outputText><br/>
<apex:outputText value="{!SD.sysEntId}"> </apex:outputText><br/>
<apex:outputText value="{!SD.sysMFG}"> </apex:outputText><br/>
<apex:outputText value="{!SD.sysMFGRef}"> </apex:outputText><br/>
<apex:outputText value="{!SD.sysreseller}"> </apex:outputText><br/>
<apex:outputText value="{!SD.MSP}"> </apex:outputText><br/>
<apex:outputText value="{!SD.sysSuppBy}"> </apex:outputText><br/>
</apex:column>
</apex:pageblocktable>
</apex:pageblock>

Thank You Pradeep.
Can you give some code to fit my scenario.. so that I can try to create the table.
Thanks