Vises merkelig i Safari og Chrome

[ChrisE]

Heisann,

vi jobber med å lage en komplett liste over kvalitetsbutikker innenfor sjangeren herremote i de fem største byene i Norge. Jeg har installert en plugin som jeg har kjøpt for $20. Jeg tenkte prøve å høre her før jeg tar kontakt med produsent.

Problemer:

Screenshot Safari og Chrome: http://moteformenn.no/bilder/safarichrome.jpg
Screenshot Firefox: http://moteformenn.no/bilder/firefox.jpg

1. I Safari/Chrome får jeg opp 2 stygge kvadrater som jeg gjerne vil bli kvitt. I Firefox får jeg opp en. Jeg vil gjerne kvitte meg med kvadratene eller kun ha en, sånn som er vist i Firefox.

2. Jeg får ikke byttet bakgrunnen i Safari/Chrome i kategorier fra #eeeeee. Selv når jeg fjerner alt som har med #eeeeee å gjøre i style.css.

Noen som kan hjelpe?

Style.css:

div.cn-alphaindex { margin-bottom: -18px; width: 680px; }
div#cn-pages { width: 680px; }
div.connections-list { float: left; margin: 0 0 0 10px; width: 500px; }
div.connections-list a.cn-index-head { float: left; }

div#cn-pages ul { clear: both; float: right; list-style: none; padding: 0; margin: 0; }
div#cn-pages ul li {
	-moz-border-radius: 5px 5px 5px 5px;
	background-color: #FFFFFF;
	border: 1px solid #D3D3D3;
	float: left;
	font-weight: bolder;
	list-style: none !important;
	margin: 0 3px 6px 0 !important;
	padding: 1px 3px !important;
	text-decoration: none;
}

span#cn-select-label { display:block; font-size: 14px; margin: 0px 0 0px; text-align: left; }
form#cn-cat-select { margin: 0 !important; text-align: left; }
form#cn-cat-select ul {
	border: 1px solid #DDDDDD;
	background-color: #f5f5f5;
	color: #000;
	float: left;
	font-size: 12px !important;
	font-weight: bold;
	list-style: none outside none !important;
	margin: 0 !important;
	padding: 0 !important;
	width: 150px;
}
form#cn-cat-select ul li { background-color: #f5f5f5; cursor: pointer; list-style: none !important; margin: 0 !important; padding: 2px 4px !important; text-indent: 0 !important; }
form#cn-cat-select ul li:hover { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; background-color: #f5f5f5; color: #FFFFFF; }
form#cn-cat-select ul li.cn-cat-selected { background-color: #f5f5f5; color: #000000; } /*selve knappen*/
form#cn-cat-select ul li label {
  cursor: pointer;
  display: block;
  width: 100%;
}
form#cn-cat-select ul li input { height: 18px; margin: -2px 4px 0 0; padding: 0; vertical-align: middle; }

div.cn-entry {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	background-color: #FFFFFF;
	border-radius: 4px;
	border: 1px solid #D3D3D3;
	font-size: 12px;
	margin: 0px 0px 10px;
	overflow: hidden;
	padding: 8px;
	position: relative;
	/*width: 650px;*/
}

div.cn-image-none {
	-moz-border-radius:4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-ms-filter: "progid:DXImageTransform.Microsoft.dropShadow(color=#CCC, offX=4, offY=4, positive=1)";
	color: #AAAAAA;
	background-color: #9D9D9D;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F1F1F1), to(#E3E3E3));
	background: -moz-linear-gradient(-90deg, #F1F1F1, #E3E3E3);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F1F1F1', endColorstr='#E3E3E3');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#F1F1F1', endColorstr='#E3E3E3')";
	border:1px solid #D3D3D3;
	/*display: none;*/
	margin: 0 0 5px;
	padding: 5px;
	position: relative;
	text-align: center;
	text-shadow: 0px 1px 0px #E1E1E8;
	filter: dropshadow(color=#E1E1E8,offX=0,offY=1);
}

div.cn-entry table { border: none !important; margin: 0 !important; table-layout: fixed; width: 100% !important; }
div.cn-entry table tr { background: none repeat scroll 0 0 transparent; }
div.cn-entry table, div.cn-entry th, div.cn-entry td { vertical-align: top; }
div.cn-entry table th, div.cn-entry table td { border: none !important; margin: 0 !important; overflow: hidden; padding: 0 !important; }
div.cn-entry table p { margin: 0 0 4px; }
div.cn-entry span.cn-label { font-weight: bold; }
div.cn-entry span.fn { display: block; font-size: larger; font-weight: 700; }

div.cn-entry div.phone-numbers { margin-bottom: 10px; }
div.cn-entry div.bio { margin: 0; }
div.cn-entry div.note { margin: 0; }
div.cn-entry .vevent abbr{border:0}
div.cn-entry ul li { list-style-type: none; margin: 0; padding: 0; }
div.cn-entry ul.cn-phone-number-block { margin: 0; padding: 0; }
div.cn-entry ul.cn-website-block { margin: 0 0 8px; padding: 0; }
div.cn-entry .logo {
	border: none;
	margin: 0 0 5px;
	padding:5px;
}
div.cn-entry .cn-return-to-top img {
	-moz-border-radius: 4px !important;
	-webkit-border-radius: 4px !important;
	border-radius: 4px !important;
	box-shadow: none !important;
	background-color: #FFFFFF;
	border: 1px solid #E3E3E3;
	float: none;
	margin: 0 0 5px;
	padding: 5px !important;
}
div.cn-entry span.cn-return-to-top img { margin: 0 0 -6px !important; }
div.cn-entry .cn-notes h4 { font-size: larger; font-weight: bold; margin: 10px 0 6px; }
div.cn-entry .cn-bio h4 { font-size: larger; font-weight: bold; margin: 10px 0 6px; }
p.cn-no-results { float: left; clear: right; margin: 24px; }

 

[typisk]

Det er svært tungvindt å lete etter løsninger når problemet vises i en bildefil. Gir du lenken til der problemet er, tar det et lite minutt før èn ser feilen.

 

[Demilio]

legg inn koden nedenfor mellom toppen og innholdet der feilen er:

<div style="clear:both;"></div>