Navigation Bar Messing With Other Elments In CSS

Hi there i had a nav bar which was working perfectly. Then i added a lightbox effect. Both work perfectly however in my css they are messing up. When i added some css to lightbox e

Solution 1:

Apply the lightbox CSS only to elements inside the lightbox:

.lightbox a{
  border:3px solid #ccc;
  display:block;
  float:left;
  margin:10px;
}

.lightbox a img{
  margin:3px;
}

.lightbox a:hover{
  border:3px solid #666;
}
.lightbox img{
  display:block;
}

Demo: http://jsfiddle.net/42BjW/ (I don't have the lightbox JS, so obviously the lightbox itself is not working)

Solution 2:

just add .lightbox in front of your later classes , the lightbox css