EE Badge on website overriding my CSS

I've been using my EE badge on my website for over a year now and recently the CSS linked in the code for the badge is overriding my CSS.   I think this started happening around the time of my update to WordPress 3.6.

The code I'm using to display it is:
<div id="eegraphic">
<script type="text/javascript">
var obj;
function JSONscriptRequest(fullUrl){
this.fullUrl=fullUrl;
this.noCacheIE='&noCacheIE=' + (new Date()).getTime();
if(document.getElementsByTagName("head").item(0) == null){
this.headLoc=document.getElementsByTagName("html").item(0);}else{
this.headLoc=document.getElementsByTagName("head").item(0);}
this.scriptId='JscriptId' + JSONscriptRequest.scriptCounter++;}
JSONscriptRequest.scriptCounter=1;
JSONscriptRequest.prototype.buildScriptTag=function(){
this.scriptObj=document.createElement("script");
this.scriptObj.setAttribute("type", "text/javascript");
this.scriptObj.setAttribute("charset", "utf-8");this.scriptObj.setAttribute("src", this.fullUrl + this.noCacheIE);
this.scriptObj.setAttribute("id", this.scriptId);}
JSONscriptRequest.prototype.removeScriptTag=function(){
this.headLoc.removeChild(this.scriptObj);}
JSONscriptRequest.prototype.addScriptTag=function(){
this.headLoc.appendChild(this.scriptObj);}
function addScript(){
obj=new JSONscriptRequest('http://www.experts-exchange.com/jsp/expertBadgeUpdate.jsp?q=T5SypDh4AF8=&bs=qronwr908hn0gttFnx7AuKM=&fzn=hP3B0vIzMtk=&szn=hP3B0vIzMtk=&tzn=hP3B0vIzMtk=&cid=YWpSeXIXAeE=');
obj.buildScriptTag();
obj.addScriptTag();}
</script>
<link rel="stylesheet" href="http://www.experts-exchange.com/getCSS/index.jsp?skid=1733&t=1332793708000&site=experts-exchange.com" media="all" />
<!--[if lte IE 6]><div class="IE"><![endif]-->
<div id="pageMain">
<div id="smallCustomImage" class="smallCustomImage">
<div class="smallBadgeContainer">
<div id="certifiedExpertName" class="certifiedExpertName" style="visibility:hidden;"></div>
<div id="certifiedExpertMemberSince" class="certifiedExpertMemberSince" style="visibility:hidden;"></div>
<div id="certifiedExpertEEple" class="certifiedExpertEEple"></div>
<div id="certifiedExpertZoneRank" class="certifiedExpertZoneRank"></div>
<div id="certifiedExpertZones" class="certifiedExpertZones" style="visibility:hidden;">
<div class="certifiedExpertZonesRanks">
<div class="maginBottom" style="display:none;"><span id="certifiedExpertZoneRank1" class="certifiedExpertZoneRankTd">#1  </span><span id="certifiedExpertZone1" class="certifiedExpertZoneRankTdData"></span></div>
<div class="maginBottom" style="display:none;"><span id="certifiedExpertZoneRank2" class="certifiedExpertZoneRankTd">#2  </span><span id="certifiedExpertZone2" class="certifiedExpertZoneRankTdData"></span></div>
<div class="maginBottom" style="display:none;"><span id="certifiedExpertZoneRank3" class="certifiedExpertZoneRankTd">#3  </span><span id="certifiedExpertZone3" class="certifiedExpertZoneRankTdData"></span></div>
</div>
</div>
<div class="certifiedExpertStatistics">
<div id="certifiedExpertQuestionsAnswered" class="certifiedExpertFloatedContent">
<div class="certifiedExpertFloatLeft">Questions Answered</div>
<div id="certifiedExpertQuestionsAnsweredData" class="certifiedExpertFloatRight"></div>
<div class="certifiedExpertClearBoth"></div>
</div>
<div id="certifiedExpertArticlesWritten" class="certifiedExpertFloatedContent" style="display:none;">
<div class="certifiedExpertFloatLeft">Articles Written</div>
<div id="certifiedExpertArticlesWrittenData" class="certifiedExpertFloatRight"></div>
<div class="certifiedExpertClearBoth"></div>
</div>
<div id="certifiedExpertPoints" class="certifiedExpertFloatedContent">
<div class="certifiedExpertFloatLeft">Overall Points</div>
<div id="certifiedExpertPointsData" class="certifiedExpertFloatRight"></div>
<div class="certifiedExpertClearBoth"></div>
</div>
</div>
</div>
<div id="expertBadgesBottomLogoSmall"><a target="_blank" href="http://www.experts-exchange.com?cid=2289"><img src="http://www.experts-exchange.com/images/experts-exchange/badge-small-bg.png" border="0" /></a></div>
</div>
</div><!--[if lte IE 6]></div><![endif]-->
<script type="text/javascript">
function take(data){
if(data==null){alert('Error accessing data');}
document.getElementById('certifiedExpertName').innerHTML="<a class='expertBadgesLinks' target='_blank' href='http://www.experts-exchange.com/M_5975176.html?cid=2289'>" + data.memberName + "</a>";
document.getElementById('certifiedExpertArticlesWrittenData').innerHTML=data.memberArticlesWritten;
document.getElementById('certifiedExpertPointsData').innerHTML=data.memberTotalPoints;
document.getElementById('certifiedExpertQuestionsAnsweredData').innerHTML=data.memberQuestionsAnswered;
document.getElementById('certifiedExpertMemberSince').innerHTML='MEMBER SINCE ' + data.memberSinceDate;
document.getElementById('certifiedExpertZoneRank').innerHTML=data.memberZoneRank;
document.getElementById('certifiedExpertEEple').innerHTML=data.eeple;
document.getElementById('certifiedExpertZone1').innerHTML="<a class='expertBadgesLinksForZones' target='_blank' href='http://www.experts-exchange.com" + data.memberZoneDefaultPath1 + "?cid=2289'>" + data.memberZoneRank1 + "</a>";
document.getElementById('certifiedExpertZone2').innerHTML="<a class='expertBadgesLinksForZones' target='_blank' href='http://www.experts-exchange.com" + data.memberZoneDefaultPath2 + "?cid=2289'>" + data.memberZoneRank2 + "</a>";
document.getElementById('certifiedExpertZone3').innerHTML="<a class='expertBadgesLinksForZones' target='_blank' href='http://www.experts-exchange.com" + data.memberZoneDefaultPath3 + "?cid=2289'>" + data.memberZoneRank3 + "</a>";
}
addScript();
</script>
</div>

Open in new window



My website is www.3dinfotech.com.au
LVL 8
Reece DoddsAsked:
Who is Participating?
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

GaryCommented:
You're including EE's stylesheet
<link rel="stylesheet" href="http://www.experts-exchange.com/getCSS/index.jsp?skid=1733&t=1332793708000&site=experts-exchange.com" media="all" />
0
Reece DoddsAuthor Commented:
It's been included since I set it up.  If you use the EE profile badge code generator it still supplies it now...
0
Reece DoddsAuthor Commented:
nevermind... I just regenerated my badge code and implemented it now.  All is well again.

It looks as though they've updated the location of the css reference and probably another few changes.
0

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
The Ultimate Tool Kit for Technolgy Solution Provi

Broken down into practical pointers and step-by-step instructions, the IT Service Excellence Tool Kit delivers expert advice for technology solution providers. Get your free copy for valuable how-to assets including sample agreements, checklists, flowcharts, and more!

Dave BaldwinFixer of ProblemsCommented:
What some people do is generate the badge here on EE and take a screenshot of it, crop it, and just use the JPG.  Eliminates CSS and javascript problems.
0
Reece DoddsAuthor Commented:
that's actually a good suggestion.  The downside is that it doesn't change as my stats change...
Cheers
0
Reece DoddsAuthor Commented:
I knew that the code was loading an EE stylesheet, but considering it had been working for over a year, I thought there was maybe a bug with the script due to an EE change.  Turns out there may have been and recreating the badge was the easiest fix.
0
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
CSS

From novice to tech pro — start learning today.