I'm just putting the finishing touches on my new website and decided to include a custom scroll bar to really finish off the look of a couple of pages.
the page prior to adding the new scrollbar and with lightbox working:
the page with the scrollbar added and lightbox not working:
The code that I suspect is conflicting is as follows:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title>Ryan Robinson | Gear</title>
<!-- lightbox script -->
<link rel="stylesheet" href="lightbox/css/lightbox.css" type="text/css" media="screen" />
<!-- scrollbar script -->
<link rel="stylesheet" href="scrollbar/css/scrollbar_gear.css" type="text/css" media="screen"/>
I could be wrong, but considering they work separately but whenever I put them together one or both stops it leads me to believe this must be the problem.
Anyone have any idea of how I might fix this?
(PS. I am still a bit of a noob when it comes to code, so please make any suggestions as simple as possible!)