Hi. I am making a website for a friend who has a ridingcenter. I am having some issues with Mozilla.
First issue is that i have used div, p and css to create a "link" line on the pictures in the image slider. This is working great in Chrome and Safari, but mozilla is for some reason splitting it in two lines.
I have used <li> tags inside he <ul> which is the slider. Any idea on how i can get Mozilla to read it in the same way as chrome, or any better ways to do this? E.g. <li class="carousel-inner clearfix">
<img src="img/bilde3.jpg">
<div class="carousel-caption">
<p class="cycle"><a href="rideskole.html" class="button1">Vil du bli like god som Sigrid? <font size="2"> Trykk her</font></a></p>
</div>
</li>
2nd issue is that i have used instafeed to display instagram pictures in the end of the main page. Chrome and safari is displaying these according to the "zoom" design attribute, but mozilla for some reason dont display this, and is not zooming the pictures. Any idea why?
Zoom is put in the CSS code: #instafeed {
zoom: 1.6;
margin: 8px 15px 15px 14px;
padding:5px 5px 1px 5px;
}
I really hope for some good ideas, as i have spent a lot of time trying to solve this
Best regards, Ronja