I can't figure this out. I haven't learnt css properly. I'm in a hurry so its all trial and error for the time being.http://img329.imageshack.us/img329/474/blabblagf0.jpgIn firefox the squares make nice border changin boxes. In IE the words become underline and the borders dissapear. Also in IE the boxes start half a cm further to the right which throws the whole thing off.Any Suggestions much appreciated./* Style Sheet of SOBI 2 Component com_sobi2.css *//* --------------------------------------------------------------------------- *//* Copyright © 2006 Sigsiu.NET (http://www.sigsiu.net). All rights reserved. *//* SOBI2 is free software; you can redistribute it and/or modify *//* it under the terms of the GNU General Public License as published by *//* the Free Software Foundation. *//* Authors: Sigrid & Radek Suski, Sigsiu.NET *//* main SOBI Style to override standard styles */div.sobi2 {}div.sobi2 h1 {}div.sobi2 h2,div.sobi2 h3,div.sobi2 h4 { padding-left: 5px;}/* Style for Standard Joomla! mosmsg-class, because often undefined *//* To use the style of your template, delete this entry. */.message { padding: 5px; background-color: #990000; color: #FFFFFF; font-size: 11px; font-weight: bold;}/* Style of the Header Menu *//* -------------------------------------------------------- *//* Style of Header Menu */table.sobi2Header { border-style: none;}a.sobi2Header { padding: 5px; font-size: 14px;}/* Style of Main Component Description *//* -------------------------------------------------------- */table.sobi2CompDesc { padding: 5px;}/* Style of Category List *//* -------------------------------------------------------- */table#sobi2CatListSymbols { width: 100%;}table#sobi2CatListSymbols td { vertical-align: top; border-style: none;}/* Style of Category Icon */img.sobi2CatIco { border-style: none; float: left; clear: left;}/* Style of Category Name */p.sobi2CatName { font-size: 13px; padding-left: 50px; margin-top: 1px;}/* Style of Category Introtext */p.sobi2CatsListSymbolsIntrotext { font-size: 11px; padding-left: 50px; margin-top: -10px;}/* Style of the shown entries/subcategories numbers */span.sobi2EditlinktipItems { text-decoration: none; border-bottom: 1px dashed #aaa;}span.sobi2EditlinktipCats { text-decoration: none; border-bottom: 1px dashed #aaa;}/* Style for Entries in Category View (Cards View) *//* -------------------------------------------------------- */table.sobi2Listing { width: 100%; margin-bottom: 10px;}table.sobi2Listing td { border-style: none; border-color: #3a4794; border-width: 2px; margin-top: 0px; vertical-align: top;}/* Style for empty Cards (Placeholder) */table.sobi2Listing td.sobi2EmptyCell { border-style: none; background-color: #ffffff;}table.sobi2Listing input { float:left;}/* Style of Icon (Small Image) */.sobi2Listing img { float: right; border-style: none; padding-top: 5px; padding-right: 5px;}/* Style of Title (Name of Entry) */p.sobi2ItemTitle { margin-left: 5px; margin-top: 5px; border-style:none; font-size: 13px; padding-left: 5px; padding-top: 5px; clear:left;}/* Styles for the fields *//* Add style for each field you added in the form span.sobi2Listing_field_yourname */span.sobi2Listing_field_myfield,[ display: block; padding-top: 8px; margin-bottom: -12px; font-size: 12px;]span.sobi2Listing_field_street,[ display: block; padding-top: 8px; margin-bottom: -12px; font-size: 12px;]span.sobi2Listing_field_postcode,[ font-size: 12px;]span.sobi2Listing_field_county,span.sobi2Listing_field_country,span.sobi2Listing_field_email,span.sobi2Listing_field_contact_person,span.sobi2Listing_field_phone,span.sobi2Listing_field_fax,span.sobi2Listing_field_city,span.sobi2Listing_field_hotline,span.sobi2Listing_field_phone,span.sobi2Listing_field_federal_state { font-size: 12px; }span.sobi2Listing_field_website { float:right; padding-right: 5px; margin-bottom: 15px;}/* Style of Edit and Delete Buttons in Category View */input.sobi2EditEntryButton {}/* Style for Page Navigation of Entries */#sobi2PageNav { text-align: center;}/* Style of Promotion (not yet implemented) *//* -------------------------------------------------------- */table#sobi2PromotedItems { width: 100%;}/* Style of Details View *//* -------------------------------------------------------- */table.sobi2Details { margin-top: 15px; margin-left: 5px; padding: 10px; width: 100%;}/* Style of Entry Name */table.sobi2Details h1 { padding-top: 5px; /*color: #303030;*/}/* Container for all custom fields data */div#sobi2outer{ float: left; margin-top: 0px; /* position it vertically */}/* Style of the Image */img.sobi2DetailsImage{ border-style: none; float: right; padding-right: 5px; padding-top: 5px;}/* Styles for the fields *//* Add style for each field you added in the form span#sobi2Details_field_yourname */span#sobi2Details_field_myfield,span#sobi2Details_field_street,span#sobi2Details_field_postcode,span#sobi2Details_field_county,span#sobi2Details_field_country,span#sobi2Details_field_phone,span#sobi2Details_field_fax,span#sobi2Details_field_city,span#sobi2Details_field_hotline,span#sobi2Details_field_phone,span#sobi2Details_field_federal_state,span#sobi2Details_field_company_name,span#sobi2Details_field_proprietors,span#sobi2Details_field_mobile,span#sobi2Details_field_ebay,span#sobi2Details_field_after,span#sobi2Details_field_stck_serv,span#sobi2Details_field_contact_person,span#sobi2Details_field_other,span#sobi2Details_field_bus_hist,span#sobi2Details_field_website,span#sobi2Details_field_email { display: block; padding-top: 8px; font-size: 14px;}span#sobi2Details_field_slogan{ font-style: italic; display: block; padding-top: 8px; font-size: 14px;}}span#sobi2Details_field_description{ font-weight:bold; display: block; border-top-style:solid; border-top: 2px; padding-top: 20px; margin-top: 0px; /* position it vertically */}/* Style for Way Search */span.sobi2WaySearch { border-style: none; float: right; clear: right; margin-top: 15px; /* position it vertically */ display: block; padding-right: 5px;}span.sobi2WaySearch img{ padding-top: 8px; border-style: none; padding-left: 17px; }/* Style for Google Maps */div#sobi2GoogleMaps { float: right; position: relative; border: 1px solid #333333; margin-top: 30px; margin-bottom: -10px; margin-right: 5px;}/* Style of Details Footer Line */table.sobi2DetailsFooter { padding-left: 5px;}/* Style of Edit and Delete Buttons in Details View */input#sobi2EditEntryButton, input#sobi2DelEntryButton { float:right;}/* Style of Footer Line *//* -------------------------------------------------------- */table#sobi2Footer td, table#sobi2Footer td a { font-size: 9px; color: #999999; padding-top: 10px; }/* Style of Entry Form *//* -------------------------------------------------------- *//* Header Line */p#sobi2EditFormHeader { font-weight:bold; font-size: 14px; padding: 5px;}/* Info Requested Fields */#sobi2ReqFieldsInfo { padding: 5px;}form#sobi2EditForm table,table#sobi2FormTable { padding: 5px;}table#sobi2FormTable2, table#sobi2FormTable3 { width: 99%;}table#sobi2FormTable td,table#sobi2FormTable2 td,table#sobi2FormTable3 td { vertical-align: top;}/* Style of Input fields as entered in Fields Manager */input#field_entry_name,input#field_postcode,input#field_street,input#field_city,input#field_county,input#field_country,input#field_federal_state,input#field_email,input#field_website,input#field_contact_person,input#field_phone,textarea#sobi2MetaKey,textarea#sobi2MetaDesc,input#sobi2Ico,input#sobi2Img,input#field_fax,input#field_hotline,input#field_street {}label.field_entry_name,label.field_postcode,label.field_street,label.field_city,label.field_county,label.field_country,label.field_federal_state,label.field_email,label.field_website,label.field_contact_person,label.field_phone,label.field_fax,label.field_hotline,label.field_description,label.sobi2Ico,label.sobi2Img,label.sobi2MetaKey,label.sobi2MetaDesc {}/* Style for Checkboxes */input#accept_rules,input#field_website_on,input#field_description_on {}/* Style for Not Free Label */span.sobi2FormNotFreeLabel { display: block; padding-top: 5px;}/* Style for Category Information/Descriptions */table#sobi2FormCats { width: 99%; border-style: none; margin: 10px;}table#sobi2FormCats td { padding: 10px; border-style:solid; border-color:#CCCCCC; border-width:1px;}p#catsTitle, p#catIntroText { width: 100%; font-size: 12px; font-weight: bold;}p#catMsg { width: 100%;}/* Style for Add and Remove Button */#sobi2AddCatBt, #sobi2RemoveCatBt { width:50px;}/* Style for column with Buttons */td.sobi2CatButtons { width: 50px; vertical-align: top;}/* Style for column with selected Cats*/td.sobi2CatSelected { vertical-align: top; width: 150px;}/* Style for Box with Selected Categories */select#sobi2SlectedCats { height: 100px; width: 150px;}select#sobi2SlectedCatsID { height: 0px; width: 0px; border-style: none;}/* Style for Safety Line */table#sobi2FormFooter { float: left; clear: left;}table#sobi2FormFooter td { vertical-align: bottom;}img#seccode {}input#sobi2SendButton { float: right;}input#sobi2CancelButton { float: right;}/* Style for Payment Info *//* -------------------------------------------------------- *//* Style for upload info */p.sobi2msg { padding-top: 15px; padding-left: 5px; font-size: 12px;}/* Style for Summary of Costs */table#sobi2Payment { width: 50%; margin-left: 5px; padding-right: 5px;}table#sobi2Payment td,td.sobi2PayOption { width: 70%; text-align: right;}td.sobi2PayFees { width: 30%; text-align: right;}td#sobi2PayTotal { width: 30%; text-align: right; border-top: solid 1px #606060; font-weight: bold; color: red;}/* Style for Payment Methods */table#sobi2PaymentMethod { width: 70%; margin-top: 30px; margin-left: 5px;}table#sobi2PaymentMethod img { border-style: none;}table#sobi2PaymentMethod a:hover { font-style: normal; text-decoration:none;}td#sobi2PaymentMethodBank, td#sobi2PaymentMethodPayPal { text-align: left; vertical-align: top; border-style: none;}td#sobi2PaymentMethodBank b { display: block; padding-bottom: 3px;}/* Style for Searching *//* -------------------------------------------------------- */table.sobi2eSearchForm { width: 70%; margin-left: 5px;}span#sobi2SearchResultsSerchingString { font-weight: bold;}****************************************************************/* Style for the Menu Module *//* -------------------------------------------------------- */div.sobi2MenuMod {}div.sobi2MenuMod li{margin-right:5px;margin-left:5px;display: inline;list-style-type: none;font-size: 16px;background-image: url(freddy)}div.sobi2MenuMod li a{display: inline;padding-top: 6em;padding-bottom: 0.5em;padding-right: 0.75em;padding-left: 0.75em;border-width: 1px;border-color: #ffe #aaab9c #ccc #fff;border-style: solid;color: #777;text-decoration: none;background: transparent;}div.sobi2MenuMod>div.sobi2MenuMod li a { width: auto; }div.sobi2MenuMod li#active a{background: #f0e7d7;color: #800000;}div.sobi2MenuMod li a:hover, div.sobi2MenuMod li#active a:hover{color: #800000;background: transparent;border-color: #aaab9c #fff #fff #ccc;}/* Style for the Search & Add Entry Links */a.sobi2MenuModA { margin-left: 20px; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; font-weight: bold;}/* Style of dTree 2.05 *//* Copyright © 2002-2003 Geir Landr� *//* -------------------------------------------------------- */.dtree { font-family: Arial, Verdana, Geneva, Helvetica, sans-serif; font-size: 11px; color: #666; white-space: nowrap; overflow: auto;}.dtree img { border: 0px; vertical-align: middle; }.dtree a { color: #333; text-decoration: none; font-weight: normal;}.dtree a.node, .dtree a.nodeSel { white-space: nowrap; padding: 1px 2px 1px 2px;}.dtree a.node:hover, .dtree a.nodeSel:hover { color: #333; text-decoration: underline;}.dtree a.nodeSel { background-color: #c0d2ec;}.dtree .clip { overflow: hidden;}/* Style for the plugin container *//* -------------------------------------------------------- */table.sobi2Listing_plugins td{ border-style:none; width: 100%;}div.sobi2FormTabHeader{ padding: 5px 2px 2px 5px; cursor: pointer; font-size: 12px; font-weight: bold;}div.sobi2FormtabContent{ overflow: hidden; margin-left: 5px; margin-top: 5px;}/* ------------------------------------------------------------------------------------- * Graybound Gallery: SOBI2 template for Details View. To use with SOBI2 Gallery Plugin. * ------------------------------------------------------------------------------------- * put the content of this file in the file com_sobi2.css */.sobi2_header_center {background: #626970;}.sobi2_header_right {background: #626970;}.sobi2_shadow_top {background-image: url('/components/com_sobi2/images/shadow_top.jpg');}.sobi2_shadow_left {background-image: url('/components/com_sobi2/images/shadow_left.jpg');}.sobi2_shadow_right {background-image: url('/components/com_sobi2/images/shadow_right.jpg');}.sobi2_shadow_bottom {background-image: url('/components/com_sobi2/images/shadow_bottom.jpg');}.sobi2_template_background {background: #E6E6E6;}.sobi2_title_name {font-size: 18px;font-weight: bold;color: #ffffff;padding-left: 5px;}.sobi2_gallery_header_left {background: #FF9900;}.sobi2_gallery_header {background: #626970;font-size: 12px;font-weight: bold;color: #ffffff;padding-left: 5px;}