Two Small Issues with Accordion
I'm an ASP.Net developer and am trying to use jQuery UI's Accordion instead of the one I've been using from Microsoft's AJAX Control Toolkit.
I've got it basically up & running but there are two issues I can't figure out and am hoping someone on here can help.
Please visit this page:
http://24.80.245.92/Pelalusa/Locations/Vancouver/maps.aspx
The two issues are these:
1. When I click on either of the maps, it's supposed to open a new window (ie. <a href="http://..." target="_blank"> ) but instead it just collapses the accordion pane. Why?
2. In IE7 it looks fine but in Firefox 3.0 the headers look strange. My pertinent CSS code is this:
div#accordion {
margin:0;
border: 1px solid #000E2E;
}
div#accordion a.header {
background: #0812D6 url(../Images/Backgrounds/darkBlueGradient2.gif);
color: White;
margin-top: 0px;
padding: 2px 0 2px 6px;
text-decoration: none;
cursor: pointer;
width:675px;
}
div#accordion a.header:hover {
font-weight: bold;
color: Yellow;
}
div#accordion div.ui-accordion-selected a.header, div#accordion div.current a.header {
background: #0812D6 url(../Images/Backgrounds/lightBlueGradient2.gif);
color: #d00004;
font-weight: bold;
cursor: default;
}
div#accordion img {
padding: 10px 20px 10px 20px;
background:AliceBlue url(../Images/Backgrounds/accordionBackBlue2.jpg);
border-style:solid;
border-width:0;
width:640px;
}
Robert