He creado un bocadillo de texto mediante este generador http://cssarrowplease.com/ y ha generado el css, que yo le he añadido los bordes redondos y le he puesto un ancho, que es el siguiente código:

.arrow_box {
margin: 15px;
position: relative;
background: #ffffff;
border: 1px solid #7a7a7a;
border-radius: 3px 3px 3px 3px;
-moz-border-radius: 3px 3px 3px 3px;
-webkit-border-radius: 3px 3px 3px 3px;
width: 200px;
}
.arrow_box:after, .arrow_box:before {
right: 100%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}

.arrow_box:after {
border-right-color: #ffffff;
border-width: 10px;
top: 50%;
margin-top: -10px;
}
.arrow_box:before {
border-right-color: #7A7A7A;
border-width: 11px;
top: 50%;
margin-top: -11px;
}

Para usarlo pues pongo

<div class="arrow_box">CONTENIDO</div>
Lo que sucede es que, yo tengo 2 archivos, index.php y prueba.php, y en prueba.php es donde pongo el div para usar el bocadillo de texto css, y en index.php hago un include a prueba.php, bien, el problema es que si me voy a web.com/index.php, el bocadillo se ve mal, se ve así:



y si voy directamente a web.com/prueba.php, se ve bien:



¿Porqué ocurre esto? le he dado muchas vueltas y no sé porqué pasa..

Un saludo.

Debes ponerle fondo al bocadillo.

¿Estas seguro de que no tienes un código css en el index que te haga interferencia?
Lo digo por que si se ve bien en prueba.php, se tiene que ver igual en index.php.
Saludos.

Efectivamente, era un codigo css en el index que hacia interferencia.. ya lo he solucionado, gracias