When loading a <div> in fancybox, the background color is set to Red. However, the CSS is not loading properly. What could be causing this issue?
<div id="divForm" style="display: none;" class="error">
An error has occurred on the page.
</div>
function display_dialog() {
$.fancybox.open({
modal:true,
content: $("#divForm").html(),
padding: 5,
openEffect: 'fade',
openSpeed: 'normal',
closeEffect: 'elastic',
closeSpeed: 'slow'
});
}
.error {
border: 1px solid;
margin: 10px 0px;
padding:15px 10px 15px 50px;
background-repeat: no-repeat;
background-position: 10px center;
color: #D8000C;
background-color: #FFBABA;
}